[thelist] CSS - Stopping overflow

[João P. Dubas]

Try to change your code to: <br style="clear : both;" />
Or read the article published in the A List Apart: Practical CSS Layout
(http://alistapart.com/stories/practicalcss/)

Brazilian greetings,

Dubas

-----Original Message-----
From: thelist-admin at lists.evolt.org
[mailto:thelist-admin at lists.evolt.org] On Behalf Of Olly Hodgson
Sent: terça-feira, 2 de julho de 2002 19:50
To: theList [evolt]
Subject: [thelist] CSS - Stopping overflow


Hi all,

Take a look at http://planetgnarly.com/css_test.asp.

What I want to achieve is the <div class="content"> div expanding in
height to surround the left floated image inside it. I cant seem to find
any one method that works with Op6, IE6 and Moz1. I'm still learning, so
I am bound to have missed something.

Putting <br clear="all" /> at the end of the paragraph works in Op6  and
Moz1, but it seems like a bit of a kludge. And it doesnt work in IE6.
Giving the div an arbitary height (eg height: 1px;) in CSS and setting
overflow:visible works in IE6, but not in Moz1 or Op6.

Any ideas, or am I just going to have to make sure my text is always
taller than the images?

Oh, the CSS file is at http://planetgnarly.com/style/style3.css

Cheers,


Olly

PS: Posts from gnarly at punkass.com seem to take days to come through at
the moment. A similar post I sent a while back hasnt come through yet so
apologies if I ask this question twice...

--
For unsubscribe and other options, including
the Tip Harvester and archive of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !