resizing in IE6

Forum Moderators: not2easy

Message Too Old, No Replies

resizing in IE6

urfriend

5:35 am on Sep 28, 2007 (gmt 0)

I have a webpage, where everything is relatively sized using em.
If I change the font size at the highest level, everything
below it should change as well. If I change the outer font-size, everything seems to resize proprotionally in all browsers I've tested. It even works fine in IE.

The problem that I find is that if I go into IE, and resize the text, using VIEW-TEXTSIZE-LARGEST, it seems like the text grows
a lot, but the rest of the stuff grows disproportionately less.

With some of my divs, this behavior causes the IE "float drop" bug. Does anyone know the solution? I suppose I can create two separate stylesheets, and switch it back and forth using client-side code? Feels like I'm reinventing the wheel, since IE already has the text-resize feature.


<html><head>
<title>test
</title>
</head>
<body>
<div style = "border-style:solid; width: 10em; font-size:2em;">
<span style = "font-size:0.5em;">MMMMMMMMMMMMMMMMMMM</span>
</div></body>

xfinx

10:27 am on Sep 28, 2007 (gmt 0)

Well, if you want your layout to be consitent using more than 1 browser, it might be better to add some links so people can change the font-size.

In this case, you make sure the layout is always good, and you give users the posibility to change the font if it is too small.

Drag_Racer

10:20 am on Oct 2, 2007 (gmt 0)

IE versions before 7 have problem with font sizes below 1em. A fix may be to declare a global font size of 1em then use 'font-size:50%;' in this case.

resizing in IE6

urfriend

xfinx

Drag_Racer

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week