Glider
"In het verleden behaalde resultaten bieden geen garanties voor de toekomst"
About this blog

These are the ramblings of Matthijs Kooijman, concerning the software he hacks on, hobbies he has and occasionally his personal life.

Most content on this site is licensed under the WTFPL, version 2 (details).

Questions? Praise? Blame? Feel free to contact me.

My old blog (pre-2006) is also still available.

Sun Mon Tue Wed Thu Fri Sat
14
       
Powered by Blosxom &Perl onion
(With plugins: config, extensionless, hide, tagging, Markdown, macros, breadcrumbs, calendar, directorybrowse, entries_index, feedback, flavourdir, include, interpolate_fancy, listplugins, menu, pagetype, preview, seemore, storynum, storytitle, writeback_recent, moreentries)
Valid XHTML 1.0 Strict & CSS
/ Blog / Blog
Small layout fix

I've fixed the layout a little, since I got reports that it looked like crap on IE. Some investigation turned out that IE handles <pre> html elements wrong.

A few posts below I pasted a piece from a sendmail config file, which I wrapped in to <pre> </pre> to make it look nicer (in a fixed sized font et al). Unfortuanately this means the text doesn't get wrapped and therefore is wider then the column in which I put the posts. Therefore the "box" of the pre element (to speak in CSS terms) gets bigger then the room available (just under 590px). IMHO, this would be tough luck for the pre element, which then gets cut off by or flows outside of the div element that contains it. This is the way firefox handles it, which means everything looks great (since it didn't really flow outside of the div, but just inside the pading that would normally be white).

IE on the other hand, decides it is a good idea to ignore the explicit "width" attribute I have set for my posts and expands the column instead. Hey, whattayouknow? Now the sidebar + posts don't fit anymore. Instead of also expanding the outmost div element (with a fixed width of 800px), it finds a "better" solution: If you put the posts below the sidebar, everything fits! Though it does do this last part (thankfully) according to specs, it obviously looks crummy.

The fix for this is as simple as it is ugly: Decrease the font size inside that pre element by a few percent, to make it fit like everything else. Tada, problem solved. Stupid IE.

 
0 comments -:- permalink -:- 18:35
Copyright by Matthijs Kooijman