CSS columns problem

[John Hoare]

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/

[Secret Guy]

Re: CSS columns problem

There are HTML parse errors on your page, for what it's worth...

http://validator.w3.org/check?verbose=1&uri=http%3A//www.ganymede-titan.info/index2.html

[Dan Boyd]

Re: CSS columns problem

Secret Guy wrote:[color=blue]
> There are HTML parse errors on your page, for what it's worth...
>
> http://validator.w3.org/check?verbos...fo/index2.html[/color]

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

--

Dan

[John Hoare]

Re: CSS columns problem

Secret Guy <nobody@nope.no > wrote in message news:<10eeprd3p s7ms70@news.sup ernews.com>...[color=blue]
> There are HTML parse errors on your page, for what it's worth...
>
> http://validator.w3.org/check?verbos...fo/index2.html[/color]

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

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

--
John Hoare

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

[John Hoare]

Re: CSS columns problem

"Dan Boyd" <dan4851@nospam .net> wrote in message news:<2kplkcF4t h2eU1@uni-berlin.de>...[color=blue]
> If you make both #mainleft & #maincenter = 38% in your stylesheet,
> then the page displays properly in IE. HTH[/color]

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/

[John Hoare]

Re: CSS columns problem

jhoare@gmail.co m (John Hoare) wrote in message news:<1ae5c3f4. 0407040808.13c6 0044@posting.go ogle.com>...[color=blue]
> "Dan Boyd" <dan4851@nospam .net> wrote in message news:<2kplkcF4t h2eU1@uni-berlin.de>...[color=green]
> > If you make both #mainleft & #maincenter = 38% in your stylesheet,
> > then the page displays properly in IE. HTH[/color]
>
> 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...[/color]

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/

[John Hoare]

Re: CSS columns problem

jhoare@gmail.co m (John Hoare) wrote in message news:<1ae5c3f4. 0407031739.6b87 6bcf@posting.go ogle.com>...[color=blue]
> 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.)[/color]

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/