[thelist] CSS - Stopping overflow

João P. Dubas joao.dubas at globo.com
Tue Jul 2 20:49:01 CDT 2002

Try to change your code to: <br style="clear : both;" />
Or read the article published in the A List Apart: Practical CSS Layout

Brazilian greetings,


-----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



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 !

More information about the thelist mailing list