Thread Starter
TMo
(@tmo)
Me too, but it seems that CSS questions go unanswered a lot so I figured this wasn’t the site to ask . . .
but let’s test that theory, shall we?
I hate trying to get things to work in IE. It looks as it should in FF and Opera (don’t have a Mac to test on, but I assume it’s cool there too) . . .
But IE is pushing the content down and over. Any ideas on how to fix it?
http://tekmonki.com/tindex.php
Moderator
James Huff
(@macmanx)
Volunteer Moderator
This may be it: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftekmonki.com%2Fwp-layout.css
Look at errors two and three. You’ve misspelled “text-aign” . It should be “text-align” . ^_-
Thread Starter
TMo
(@tmo)
I’m not using that css file.
I think this will be sorted by validation – there are some errors in the structure that could cause IE to behave like this.
Have a look: http://validator.w3.org/check?verbose=1&uri=http%3A//tekmonki.com/tindex.php
and if anything throws you, just post back 🙂
Moderator
James Huff
(@macmanx)
Volunteer Moderator
Ok, well looking at your actual CSS (which I had to dig for because you didn’t provide a link and I hope it’s the right one), you have two errors that I’ve never seen before. I suppose, considering one is a parse error, they could be the problem. Any “good” CSS site is going to request that you validate both the CSS and XHTML first, as it makes it easier to debug the code.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftekmonki.com%2Ftmonki.css&usermedium=all
Thread Starter
TMo
(@tmo)
Fixed the CSS errors and it now validates. Somehow I managed to repeat the end lines a couple times over, so it was reading that and going “wtf?”.
I’ll check into the xhtml validation, but I don’t think that’s what is causing the problem.
Try this ?
View Source shows this:
</div>
</div>
<div id="content">
<div class="post">
Remove one of the </div> and see what happens.
Replace it and I’ll stare a lot at it 🙂
.storytitle {
clear: both; <————–kill that line
height: auto;
margin: 0px 0px 5px 15px;
}
That sorts the FF view.
Do that change and I’ll take a look in IE
Thread Starter
TMo
(@tmo)
Cool. Almost there. Now IE is not centering the rap over the background.
Oddly, the #rap is actually centered, but the divs within it are not being good divs…..
I’ll stare again – though with IE’s quirks, it might take a while…..
Thread Starter
TMo
(@tmo)
Can we add IE to the axis of evil? It’s clearly not with us, but against us.
