Mashed Design! Is it my DIVs or CSS?

scaifea · #1 Sep 24th, 2007, 17:20

http://ebay.110mb.com/test/

I had an attempt at modifying my site when I was tired and realised too late that I had mashed the design.

I would appreciate some help to fix it - I'm sure its just a small error, but I am damned if I can find it.

Thanks in advance :-)

alexgeek · #2 Sep 24th, 2007, 17:28

might want to say what the error is

VanessaJW · #3 Sep 24th, 2007, 17:30

Quote:

Originally Posted by alexgeek

might want to say what the error is

I think he means where the content has dropped down below the left nav.

scaifea · #4 Sep 24th, 2007, 17:31

Thanks Vanessa - spot on.

It is supposed to be three columns in a row, but the centre one and the RH one drop below the first ! :-(

VanessaJW · #5 Sep 24th, 2007, 17:33

I haven't checked, but do your total pixels maybe add up to more than the total pixel width you set?

scaifea · #6 Sep 24th, 2007, 17:44

No, I'm confident I have that worked out OK!

karinne · #7 Sep 24th, 2007, 18:16

Code: Select all

.table {

	width:850px;

/*	min-height:auto;  not valid css  */

	display:table;

}

And inside that div you have

Code: Select all

.table_row {

	min-height:100%; 

	display:table-row;

	display: inline;

	float: left;

	width:850px;

}

That doesn't leave too much space for the other 2 columns

scaifea · #8 Sep 25th, 2007, 01:04

Fair comment, but I have just taken the table to 900px and the table row to 100px and I still have the same problem!

Monie · #9 Sep 25th, 2007, 02:09

You should rearrange your .CSS and your .html code.
Thats why you can't find the error because your CSS is not properly structured!

scaifea · #10 Sep 25th, 2007, 02:29

DO you have any tips/advice on how to construct it better?

Monie · #11 Sep 25th, 2007, 02:50

Quote:

Originally Posted by scaifea

DO you have any tips/advice on how to construct it better?

I didn't mean that your problem comes from your unstructured CSS, What I mean was, when you code your page you have to code it nicely and neatly so that if problem occur in the future you'll be able to find them and trace them at a minimum time without hassel.

Try this link where it teach you how to structure your CSS better.

Analyze, identify and structure

karinne · #12 Sep 25th, 2007, 11:42

Quote:

Originally Posted by scaifea

DO you have any tips/advice on how to construct it better?

See this thread - Resources for learning how to use CSS for layout

Looking at you CSS, you are still thinking in tables ... with names like table_row and such.

It should be more like: branding, content, sidebar, site info, etc...

The link above has links to examples of CSS layouts.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] how to put divs next to each other	lostboys	Web Page Design	9	Jan 13th, 2008 20:47
Divs in IE and Firefox	Slimane	Web Page Design	6	Sep 24th, 2007 14:07
Divs in a row	hessodreamy	Web Page Design	5	Feb 17th, 2006 18:40
Divs in a row	hessodreamy	Web Page Design	1	Nov 15th, 2005 15:58

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Mashed Design! Is it my DIVs or CSS?