Hi. I need help, and thus, am putting a plea up here. I appreciate you looking if you have a moment. (I've posted to my college's forum as well.)
For refence it's a XHTML/CSS layout, fixed width and defined using pixels, external stylesheet. Using javascript to rotate the header image, and popup (requested) windows.
I decided to change my layout, oh, a week or two before the whole project is due because I'm clearly a masochist. And after much tweaking, it looks great in Firefox, and even pretty good in Netscape, and Opera. (I've never managed to get Opera to play nicely before.) Microsoft's bastard offspring browser of doom, however seems to be out to frustrate me. It looks.. okay, but for a final project, okay isn't good enough.
<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/issue.gif">http://www.ai-dallas.com/student/WB/iws ... /issue.gif</a><!-- m -->
Outlined my issue with IE6 (and presumably, past versions as well), as well as demostrating what it's supposed to look like.
My problem is with the div '#pagetitle', which is overlapping the header and falling short of the '#navi' on the left in IE. I have a suspicion that it might have to do with how IE is interpreting the width/margin/padding tags.. I could be wrong. Something similiar to the box-model hack, perhaps? I've looked at this thing for three days now, and cannot figure out what to do to make it play nicely with the other browsers.
(The content itself isn't finished, obviously.. but if you have comments on how it looks/could be improved, that would be awesome too.)
The site (<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/index.html">http://www.ai-dallas.com/student/WB/iws ... index.html</a><!-- m -->), and the external stylesheet (<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/emst.css">http://www.ai-dallas.com/student/WB/iws ... 0/emst.css</a><!-- m -->) Thanks so much for looking!Have you fixed it already? Looks great in IE6 on Win XP here...
Norty Pig Web DevelopmentI took a look under your hood. I didn't see what's causing your problem, but I did see a few mark up errors (see <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.ai-dallas.com/student/WB/iws/haines_l/wk10/index.html">http://validator.w3.org/check?verbose=1 ... index.html</a><!-- m --> ) and I did note that you are mis-using XHTML (see <!-- m --><a class="postlink" href="http://www.w3.org/TR/xhtml1/#guidelines">http://www.w3.org/TR/xhtml1/#guidelines</a><!-- m --> ). Perhaps you would do well to use HTML 4.01.
For refence it's a XHTML/CSS layout, fixed width and defined using pixels, external stylesheet. Using javascript to rotate the header image, and popup (requested) windows.
I decided to change my layout, oh, a week or two before the whole project is due because I'm clearly a masochist. And after much tweaking, it looks great in Firefox, and even pretty good in Netscape, and Opera. (I've never managed to get Opera to play nicely before.) Microsoft's bastard offspring browser of doom, however seems to be out to frustrate me. It looks.. okay, but for a final project, okay isn't good enough.
<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/issue.gif">http://www.ai-dallas.com/student/WB/iws ... /issue.gif</a><!-- m -->
Outlined my issue with IE6 (and presumably, past versions as well), as well as demostrating what it's supposed to look like.
My problem is with the div '#pagetitle', which is overlapping the header and falling short of the '#navi' on the left in IE. I have a suspicion that it might have to do with how IE is interpreting the width/margin/padding tags.. I could be wrong. Something similiar to the box-model hack, perhaps? I've looked at this thing for three days now, and cannot figure out what to do to make it play nicely with the other browsers.
(The content itself isn't finished, obviously.. but if you have comments on how it looks/could be improved, that would be awesome too.)
The site (<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/index.html">http://www.ai-dallas.com/student/WB/iws ... index.html</a><!-- m -->), and the external stylesheet (<!-- m --><a class="postlink" href="http://www.ai-dallas.com/student/WB/iws/haines_l/wk10/emst.css">http://www.ai-dallas.com/student/WB/iws ... 0/emst.css</a><!-- m -->) Thanks so much for looking!Have you fixed it already? Looks great in IE6 on Win XP here...
Norty Pig Web DevelopmentI took a look under your hood. I didn't see what's causing your problem, but I did see a few mark up errors (see <!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.ai-dallas.com/student/WB/iws/haines_l/wk10/index.html">http://validator.w3.org/check?verbose=1 ... index.html</a><!-- m --> ) and I did note that you are mis-using XHTML (see <!-- m --><a class="postlink" href="http://www.w3.org/TR/xhtml1/#guidelines">http://www.w3.org/TR/xhtml1/#guidelines</a><!-- m --> ). Perhaps you would do well to use HTML 4.01.