This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > div height problem in IE





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author div height problem in IE
itinko

2006-02-24, 10:15 am

I'm trying to flow text around an image using sandbag divs a la
http://www.bigbaer.com/css_tutorial...ow-tutorial.css . This
essentially uses empty divs with float left to push text to the right of the
image by the width of the "sandbag" div.

I had everything setup and working in Firefox but when I looked at the page in
IE I discovered that IE restricted the empty divs to a minimum height which in
some cases was larger than I needed, especially if I was just pushing one line
of 10px text with a lineheight of 14px.

Is there a way to have IE respect the height= style parameter of an empty div?


Thanks for any insight into this.

itinko

2006-02-24, 10:15 am

I think I may have figured out the problem, the div's don't get smaller than
the default font size. If I set the font size for all the sandbag divs to, say,
6px; then I can make divs smaller than the minimum 18px height I have now.
Interesting that Firefox makes the divs as requested.

Lionstone

2006-02-24, 10:15 am

"itinko" <webforumsuser@macromedia.com> wrote in message
news:dtloso$b79$1@forums.macromedia.com...
>I think I may have figured out the problem, the div's don't get smaller
>than
> the default font size. If I set the font size for all the sandbag divs to,
> say,
> 6px; then I can make divs smaller than the minimum 18px height I have now.
> Interesting that Firefox makes the divs as requested.


That means you have non-breaking spaces (&nbsp;) in your divs. IE expands
any container to fit around its content. Firefox lets the content spill out
of the container. That's why you were seeing the difference between the two
browsers.


itinko

2006-02-24, 10:15 pm

I think IE must imply non-breaking spaces as my divs are <div id="sml-01"></div>
Lionstone

2006-02-24, 10:16 pm

Hmm. Not normally, but what you see happening is more important that what
should happen in theory. :)
At least you've found a way to make it work regardless.

"itinko" <webforumsuser@macromedia.com> wrote in message
news:dtn9se$fsh$1@forums.macromedia.com...
>I think IE must imply non-breaking spaces as my divs are <div
>id="sml-01"></div>



Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews