Border not extending?

Phaser · 28 Jul 2006 at 19:24

Hi all.

Just creating a website but i'm having issues with it on FireFox. It's fine in IE, but on FF the page border dosen't go all the way to the bottom?

http://www.dzire-live.com/temptation1/

Cheers.

MossyUK · 28 Jul 2006 at 19:31

firefox 1.5.0.5 - i see no border at all

Phaser · 28 Jul 2006 at 19:34

There is a border there, its just that it stops and goes underneath the header, instead of all the way down.

MossyUK · 28 Jul 2006 at 19:39

i think, but i may not be accurate (ive had a drink or two

) that what you need to do is encase everything in one div and that will put the border round the whole page..... lemme check your code brb

Phaser · 28 Jul 2006 at 19:49

Have done mate.

MossyUK · 28 Jul 2006 at 19:49

yeah the way i would do it is to enclose the whole page (div under body, /div just before /body) and apply a border to that, then reset your borders on your header and sides etc which should sort it out. I have had a quick crack at it, and it works like that, but the borders do need sorting as they go to 2px if not attended too.

Augmented · 28 Jul 2006 at 19:57

You can either apply:

Code:

#pagewidth {
overflow: auto;}

to make #pagewidth expand to fit the floated elements inside. Floated elements are removed from the document flow, only affecting neighbouring line boxes. So #pagewidth won't be affected by the dimensions of those contained floats i.e. Fx is rendering as per the spec.

Or, don't float #content, and give it a left-margin instead:

Code:

#content {
width: 559px;
color: #fff; 
margin: 0 0 0 170px;
padding: 15px; }

This leaves #content in the document flow, and #pagewidth will expand according to #content's dimensions.

Second option is often the preferred method.

Phaser · 28 Jul 2006 at 20:10

Cheers mate, second option is fine.

No idea why I decided to do a float left on the content area. :confused:

Need some ideas for making it look a bit more visually interesting, it's a bit 2Dish at the moment. Any suggestions?