Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
I'm trying to set a fixed height for a small block on my site that contains side posts that I make on occasion. basically I split it in two paragraphs, one containing my side post and the second paragraph containing the time stamp. I've set it so the timestamp remains in a fixed position. The code below works in all browsers, even IE8, except for course, IE7 (at this point I dont care what it looks like in IE6). IE7 pushes the fixed height another 20 pixels, so my timestamp is pushed further down the block than I want it, messing up the look. I can't figure out why it adds 20 pixels to the set height so instead of 70 pixels, the fixed height is effectively 90 pixels instead. Can anyone take a look and see if I could resolve the code so that IE7 renders it correctly too?
<div style="min-height:70px; height:auto !important; height:70px;">
<img class="asides" src="http://www.example.com/wp-content/uploads/asides.png" alt="Asides" align="top" width="50" height="80" />
<p style="text-align: left;"><small> Text goes here.... </small></p>
<p style="text-align: left; margin-left: 54px;"><small><small><em>Posted at September 19, 2009 @ 5:06 pm <a href="http://www.example.com/category/asides" rel="nofollow">(Archive)</a></em></small></small></p>
[edited by: swa66 at 8:20 am (utc) on Sep. 21, 2009]
[edit reason] use example.com, it can't be owned [/edit]
If adding width doesn't fix it, you might want to try to also add
Check with the IEDev toolbar [google.com] to see if somehow the element has extra margins or padding that you did not intend to set.
Final tip: consider using an external stylesheet. Your pages will be much easier to troubleshoot and maintain.