469,328 Members | 1,327 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,328 developers. It's quick & easy.

CSS columns problem

Hello everyone,

The following page renders perfectly in Firefox 0.8:

http://www.ganymede-titan.info/index2.html

But the page breaks in IE5, with the first two columns being wider, the
result of which is that the rightmost column doesn't fit properly, and is
displayed underneath the rest of the page.

I *know* I've seen something about this before, but I can't find out exactly
how to solve it. Can anyone tell me?

(I know there's lots of dodgy HTML/CSS in that test page; it'll all be
fixed before it goes live.)

--
John Hoare
http://www.ganymede-titan.info/
Jul 20 '05 #1
6 2050
There are HTML parse errors on your page, for what it's worth...

http://validator.w3.org/check?verbos...fo/index2.html
Jul 20 '05 #2
Secret Guy wrote:
There are HTML parse errors on your page, for what it's worth...

http://validator.w3.org/check?verbos...fo/index2.html


If you make both #mainleft & #maincenter = 38% in your stylesheet, then the page displays properly in IE. HTH

--

Dan

Jul 20 '05 #3
Secret Guy <no****@nope.no> wrote in message news:<10*************@news.supernews.com>...
There are HTML parse errors on your page, for what it's worth...

http://validator.w3.org/check?verbos...fo/index2.html


Just fixed them. I was just being lazy ;-)

Hasn't helped with the problem, sadly...

--
John Hoare
http://www.ganymede-titan.info/
Jul 20 '05 #4
"Dan Boyd" <da*****@nospam.net> wrote in message news:<2k************@uni-berlin.de>...
If you make both #mainleft & #maincenter = 38% in your stylesheet,
then the page displays properly in IE. HTH


Ah, it does - but then it all displays wrongly in Firefox/Opera -
the third column goes right to the edge of the page, and doesn't
line up with the masthead...

--
John Hoare
http://www.ganymede-titan.info/
Jul 20 '05 #5
jh****@gmail.com (John Hoare) wrote in message news:<1a**************************@posting.google. com>...
"Dan Boyd" <da*****@nospam.net> wrote in message news:<2k************@uni-berlin.de>...
If you make both #mainleft & #maincenter = 38% in your stylesheet,
then the page displays properly in IE. HTH


Ah, it does - but then it all displays wrongly in Firefox/Opera -
the third column goes right to the edge of the page, and doesn't
line up with the masthead...


Sorry, got confused.

What I meant to say is that if you do that, Firefox/Opera still display
it fine - but IE, whilst displaying the rightmost column, does it
so it doesn't line up with the masthead.

--
John Hoare
http://www.ganymede-titan.info/
Jul 20 '05 #6
jh****@gmail.com (John Hoare) wrote in message news:<1a**************************@posting.google. com>...
Hello everyone,

The following page renders perfectly in Firefox 0.8:

http://www.ganymede-titan.info/index2.html

But the page breaks in IE5, with the first two columns being wider, the
result of which is that the rightmost column doesn't fit properly, and is
displayed underneath the rest of the page.

I *know* I've seen something about this before, but I can't find out exactly
how to solve it. Can anyone tell me?

(I know there's lots of dodgy HTML/CSS in that test page; it'll all be
fixed before it goes live.)


Fixed:

http://www.ganymede-titan.info/index3.html

I just added width: 100% and removed the margins from the div#content,
and added padding: 1em; to the body.

--
John Hoare
http://www.ganymede-titan.info/
Jul 20 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.

By using this site, you agree to our Privacy Policy and Terms of Use.