1 reply [Last post]
Last seen: 17 years 16 weeks ago
Timezone: GMT-5
Joined: 2003-12-28
Posts: 1
Points: 0

I am attempting to do a curve similar to what Eric Meyer describes at http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html. I would like to put a menu down the left column. So my site structure looks something like:
<div class=header>
...<div class=logo></div>
...<div class=title></div>
<div class=content>
...<div class=menu></div> (floated left)
...<div class=main></div>
<div class=footer></div>

I am attempting to put a series of images in the upper left corner of <div class=main> as {float: left; clear: left}. When I do this, it also clears my <div class=menu> and moves the series of images to the bottom. IE6/Win also moves the text down with the images. Opera 7.23/Win moves the images down but leaves the text at the top (where I want it but it's not floated around the curve images).

You can have a look here: http://www.jaspermall.com/test/full/Template.html
The CSS can be seen here: http://www.jaspermall.com/test/full/style.css

I don't have it all structured. I am trying to get past this one hurdle. I will work on colors, fine tuning, cross-browser compat., etc. after I get this one issue resolved.

Does anyone have any suggestions?
Best Regards,

Sydney, Australia
Last seen: 17 years 22 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Floats and Curves

I have come across this problem with IE as well. I even wrapped some in a div to separate them but nothing seemed to work.

To fix it I removed the need to have clear.


The only way to learn is to do it yourself