Well, I'm back at it again. More XHTML, more problems with IE5/Mac running on Mac OS 9.1. You can view the page at the address below:
<!-- m --><a class="postlink" href="http://users.tm.net/gburghardt/cmlife/html/">http://users.tm.net/gburghardt/cmlife/html/</a><!-- m -->
The problem lies with the very bottom of the page just beneath the bottom ad. On IE5/Mac, there's about 1,000 or so pixels worth of blank vertical space below the bottom ad, that doesn't appear on other browsers. The browsers I've tested it on are below:
IE 5/PC and Mac, IE6/PC, NS7 PC and Mac, Opera 6/PC, NS4/PC and Mac, and Mozilla 1/PC.
I'm wondering if there's a problem with one of my DIVs being positioned relatively and floated? I've looked at my code and I can't find anything blatantly wrong with it.
Oh, and no it doesn't pass W3C standards yet, I'm missing some alt attributes in images and have an improperly nested FORM:
<form>
<div>
some stuff goes here
</div>
</form>
I'm just ready to accept the bug because the page renders fine other than the blank space at the bottom.Just another interesting quirk.. IE 5.5, windows nt, at 1280 x 1024 res, when I load the page, the borders arent solid (the main black border around the center column), but then if I do a select all on the page, then click, it all appears.. Did this on a couple other pc's here at work also..
Just thought that was kinda odd.. Not a big thing really...Yeah, I've noticed that too in other versions of IE. The same thing happens on IE5.0/ Win98 and IE6.0/ XP and 2k.
It really only seems to do that around floated elements. Just a bug that doesn't hurt anything. We should all tell the people who find IE bugs annoying to get Mozilla, Opera, or NS7
Oh well, browser support for xhtml is pretty new. Hopefully M$ has the rest of the minor bugs worked out in IE7. I'm not gonna lose any sleep over it, though.have you made sure all the css codeing are done correctly, as well as all form and div tags are closed? i use IE and have a mac. also if you are trying to do any page borders, this also can mess it up, as well as help it if you get it right. try giving the page bottom a invisible line: body{border-bottom:0px ridged white}; also make sure all CSS tags are on the same line and are all closed right, this can really irritate the browser and it goes crazy.Good point, I'll give that a whirl.I ran that page through the xhtml validator at w3.org, and lo and behold, I forgot to close a form element properly. After closing it correctly, the blank space went away.
And in case anyone hasn't run into this bug yet (I know some of you have), IE5/Mac does not handle floated elements if they cross over to another DIV:
<img style="float: left;" />
<div id="a_bunch_of_text">
blah blah blah
</div>
The text, or DIV rather, doesn't want to wrap back around underneath the floated element. And IE 5.x/ PC gets weird when you place a table inside a DIV and not limit the DIV's width:
<div id="whocares">
<table>
<tr>
<td>
stuff goes here, whatever
</td>
</tr>
</table>
</div>
It increases the size of the DIV past 100% if the table row is pretty full, buy a little bit. Simply adding postion: relative; and width: 100%; in CSS got around the problem. (Grr!).
<!-- m --><a class="postlink" href="http://users.tm.net/gburghardt/cmlife/html/">http://users.tm.net/gburghardt/cmlife/html/</a><!-- m -->
The problem lies with the very bottom of the page just beneath the bottom ad. On IE5/Mac, there's about 1,000 or so pixels worth of blank vertical space below the bottom ad, that doesn't appear on other browsers. The browsers I've tested it on are below:
IE 5/PC and Mac, IE6/PC, NS7 PC and Mac, Opera 6/PC, NS4/PC and Mac, and Mozilla 1/PC.
I'm wondering if there's a problem with one of my DIVs being positioned relatively and floated? I've looked at my code and I can't find anything blatantly wrong with it.
Oh, and no it doesn't pass W3C standards yet, I'm missing some alt attributes in images and have an improperly nested FORM:
<form>
<div>
some stuff goes here
</div>
</form>
I'm just ready to accept the bug because the page renders fine other than the blank space at the bottom.Just another interesting quirk.. IE 5.5, windows nt, at 1280 x 1024 res, when I load the page, the borders arent solid (the main black border around the center column), but then if I do a select all on the page, then click, it all appears.. Did this on a couple other pc's here at work also..
Just thought that was kinda odd.. Not a big thing really...Yeah, I've noticed that too in other versions of IE. The same thing happens on IE5.0/ Win98 and IE6.0/ XP and 2k.
It really only seems to do that around floated elements. Just a bug that doesn't hurt anything. We should all tell the people who find IE bugs annoying to get Mozilla, Opera, or NS7
Oh well, browser support for xhtml is pretty new. Hopefully M$ has the rest of the minor bugs worked out in IE7. I'm not gonna lose any sleep over it, though.have you made sure all the css codeing are done correctly, as well as all form and div tags are closed? i use IE and have a mac. also if you are trying to do any page borders, this also can mess it up, as well as help it if you get it right. try giving the page bottom a invisible line: body{border-bottom:0px ridged white}; also make sure all CSS tags are on the same line and are all closed right, this can really irritate the browser and it goes crazy.Good point, I'll give that a whirl.I ran that page through the xhtml validator at w3.org, and lo and behold, I forgot to close a form element properly. After closing it correctly, the blank space went away.
And in case anyone hasn't run into this bug yet (I know some of you have), IE5/Mac does not handle floated elements if they cross over to another DIV:
<img style="float: left;" />
<div id="a_bunch_of_text">
blah blah blah
</div>
The text, or DIV rather, doesn't want to wrap back around underneath the floated element. And IE 5.x/ PC gets weird when you place a table inside a DIV and not limit the DIV's width:
<div id="whocares">
<table>
<tr>
<td>
stuff goes here, whatever
</td>
</tr>
</table>
</div>
It increases the size of the DIV past 100% if the table row is pretty full, buy a little bit. Simply adding postion: relative; and width: 100%; in CSS got around the problem. (Grr!).