All entries for Tuesday 28 February 2006

February 28, 2006

Arbitrary HTML? Well IE seems to like it anyway…

One of the most reported problems in feedback from my original HTML mock-up was Internet Explorer's inability to stop expanding the Learn page Inbox (a CSS element with overflow) with a left-right scrollbar. The underlying problem was that the width was being calculated as 100%, and then the scrollbar added on top. Mozilla browsers seemed quite happy to deal with this without bother.

After numerous hours of pondering and layering and stacking of elements, something seemed to work! This does seem to me to be a quite arbitrary stack of HTML and CSS, calculating away widths in their own special little ways.

The solution:

<div class="inboxcolumn">

<div class="containerbox"> <--- a seemingly pointless CSS class, but with width "auto"

<object width="100%"> <--- lets get HTML to do a width calculation too


Last but not least, my content here!



</object>

</div>

</div>

Why I need anything more than the original "inboxcolumn" CSS class I do not know, but mixing HTML, CSS with auto and percentage widths seems to do the trick.

Blimey – I could base my entire presentation just on this! ;)


February 2006

Mo Tu We Th Fr Sa Su
Jan |  Today  |
      1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28               

Search this blog

Galleries

Most recent comments

  • Do you have to use IE? How about Firefox? by on this entry
  • So can anyone tell me with the "auto" is supposed to take positoins off? Maybe i am missing the poin… by DIY Dan on this entry
  • IE will only expand a link to fill an area if the width is defined. For something that always has a … by on this entry
  • Thanks for the heads–up on that – just downloaded IE7 Beta 2… very weird, looks to me like they've… by on this entry
  • just so you know, css expanding menus work in IE7 by on this entry

Blog archive

Loading…
Not signed in
Sign in

Powered by BlogBuilder
© MMXIX