Re: FN-FORUM: CSS nightmare

date posted 11th August 2003 16:58

hi chrid

works perfect in Safari on the Mac, which is supposed to be Moz 5.0,
but according to another thread i might have got that wrong...

anyhow - you might want to try using { float: left; } on the green box
only... this is how i achieved the two column layout on my site.

the second box will then just plop happily to the right of the first
floated box...

you have to be careful with floating items 'cos they invoke all sorts
of wierd rules once you start using them, and the usual inheritance
goes out of the window. but if you check one of the more complicated
pages of my site (www.evoke-media.com/html/webdesign.htm) i got all
the columns to line up by using float: left on each one, and then *not*
having a float command on the last one.

you can get rid of things like 'position: relative' or whatever. it
makes no odds with floated items.

HTH
luke



On Monday, August 11, 2003, at 04:59 PM, The Chridmeister wrote:

>
> Hello all, I'm another of these people who are weaning themselves off
> tables and going for css for layout. I'm having a total mare with
> Mozilla (and quite possibly other non-IE browsers) and so far I've
> found nothing on the web to help me.
>
> Here's my problem:
> http://www.chridmeister.co.uk/test/test.html
>
> In IE it renders as I'd expect, two columns centred side by side on
> the page, which resize and reposition with the browser. It took some
> effort to get this working at all in Mozilla, at first I was using
> float and the boxes were all over the place (and would also 'pop'
> vertically in IE when the browser window shrunk down). Now, it almost
> works, but in Moz the boxes overlap.
>
> Can someone have a look and tell me what I might be doing wrong? I'm
> going bonkers.
>
> Chrid
>
>
> --
> http://www.chridmeister.co.uk
> "Yarr! It's driving me nuts!"
>
>
> ==========
> redmail.com - webmail with a difference!
> 10Mb for just GBP 9.99 a year. Launch special 1Gb for GBP 99.99 a year
> IMAP, POP3, Spam Filtering and Anti Virus as standard.
> Visit http://www.redmail.com/?fl-signup to join.
>
> To advertise here: http://www.freelancers.net/advertising.html
>
>