Looks appropriate in Firefox as well. What browser are you seeing the issue with?
Diona On Tue, 2005-03-15 at 20:48 -0800, Jalenack wrote: > Hi MM, > > I tested your page in safari quickly...The image is floating > correctly. Is the image being taller than the text messing your > problem? > > There are many techniques to clearing your floats so that they won't > overflow like that. The simplest of which: > > applying overflow: auto to the #wrapper rule. > > Here are some links: > > http://www.sitepoint.com/blog-post-view?id=238086 > http://www.positioniseverything.net/easyclearing.html > > Hope this helps. If I'm getting at the wrong problem, write back with > a screenshot link or something... > > On Tue, 15 Mar 2005 22:54:29 -0500, M M <[EMAIL PROTECTED]> wrote: > > I am having problems floating an image in a div cell using css. > > I want to have the whole page centered and static width. Then styling on > > the wrapper div, with the image floating so that text will line up next to > > it. Right now the problem is a gap under the image. > > > > See the code below, its the whole page with css. > > > > Thanks in advance. > > > > MM > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > > "http://www.w3.org/TR/html4/loose.dtd";> > > <html><head> > > <title>CSS layout test</title> > > <style type="text/css"> > > > > body{text-align: center;} > > #wrapper{ > > text-align: left; > > border: 1px solid #000000; > > width: 700px; > > } > > #box{ > > float: left; > > background-color: #FF0000; > > border: 1px solid #3300FF; > > } > > #text{background-color: #00FF00;} > > > > </style></head><body > > > <div id="wrapper"> > > <div id="box"> > > <img src="images/test.jpg" > > > </div> > > <div id="text">this text should float to the right of the > > image</div> > > </div> > > </body></html> > > > > _________________________________________________________________ > > Don't just search. Find. Check out the new MSN Search! > > http://search.msn.click-url.com/go/onm00200636ave/direct/01/ > > > > ****************************************************** > > The discussion list for http://webstandardsgroup.org/ > > > > See http://webstandardsgroup.org/mail/guidelines.cfm > > for some hints on posting to the list & getting help > > ****************************************************** > > > > > > ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
