5 replies [Last post]
jdl
Offline
Enthusiast
Last seen: 16 years 31 weeks ago
Joined: 2005-04-25
Posts: 54
Points: 0

I've found a few tutorials online about the 3 column page but I don't like that they are fluid so I've tried to make my own and I'm having problems:
http://users.bigpond.com/cmeany/test2.html if seen in FF is exactly right but in IE6 is exactly wrong Smile
I can't work out how IE6 creates a wider border when in the stylesheet it gives the exact dimension for width.
Argh I'm starting to give up.
I'm obviously missing alot!

Anonymous
Anonymous's picture
Guru

Re: 3 column fixed not working

jdl wrote:
I can't work out how IE6 creates a wider border when in the stylesheet it gives the exact dimension for width.

Here's the reason:<?xml version="1.0" encoding="iso-8859-1"?>

DUMP IT!

***furiously clicks auto-flame button*** Laughing out loud

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 16 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Re: 3 column fixed not working

Triumph wrote:
jdl wrote:
I can't work out how IE6 creates a wider border when in the stylesheet it gives the exact dimension for width.


Here's the reason:<?xml version="1.0" encoding="iso-8859-1"?>

DUMP IT!

***furiously clicks auto-flame button*** Laughing out loud
Wake up, T. Your button hasn't been implemented yet Smile. Give Tony a chance. Perhaps, in the meantime, you could prepare a small file of commonly made suggestions/cries in the dark(?) ready for copy and paste Laughing out loud.

jdl: The xml declaration causes IE to go into quirks mode where it uses an improper box model. Instead of the border wrapping the width of content, it is include within the width value. As your right column butts up to the center's border, its border, being within instead of without, lies next to the center's border. Were it outside the width, as it would be in standards mode, they would overlap.

For a quick demo, copy the source from http://garyblue.port5.com/webdev/2col.html and save it. Open it in IE. Then, for comparison, add the prolog and refresh. The padding in my containers will make the differences more obvious.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Anonymous
Anonymous's picture
Guru

Re: 3 column fixed not working

kk5st wrote:
Wake up, T.
No, no, no...must sleep...Smile You guys take care of the explaining...I'll just click this non-working button...again and again and again. Wink

jdl
Offline
Enthusiast
Last seen: 16 years 31 weeks ago
Joined: 2005-04-25
Posts: 54
Points: 0

3 column fixed not working

Thanks for the explanation Gary and the dump it advice Triumph :0
Oh, and I'm sure I'm going to have more trouble with this because look at the footer (I hate footers)
Actually I saw a fantastic example of 3 pg layout on a diff pc yesterday from a british designer but can't remember the name and looking at the css it was very complex.

jdl
Offline
Enthusiast
Last seen: 16 years 31 weeks ago
Joined: 2005-04-25
Posts: 54
Points: 0

3 column fixed not working

Ok I've kindof got it working now at least tested on my mac except I'm wondering why the border line moves down below the foot in IE5?