Roy
(@gangleri)
Hm, this can’t be it, but you might want to have a look at it anyway. I had the same problem ones and it was an unclosed <div> tag, I believe in the header.php.
I’ve updated the the post in question to contain alt tags on the imags, and I’ve checked through header.php completely and haven’t found any open div tags aside from the wrapper div –
<body>
<div id="flashtop" style="background-color:#66CC66; margin: 0 auto; width:1000px; height: 260px; border:none;">[kml_flashembed movie="http://astros.vivacity-design.com/wp/wp-content/themes/astros1/images/flash-header.swf" height="260" width="1000" /]</div>
<div id="wrapper">
<div id="bgtexture"> <!-- Background texture -->
<div id="nav">
<ul>
<li id="nav-info"><a href="?page_id=2">about</a></li>
<li id="nav-senior"><a href="?page_id=19">senior</a></li>
<li id="nav-junior"><a href="?page_id=20">junior</a></li>
<li id="nav-media"><a href="?page_id=35">media</a></li>
</ul>
<div id="search">
<h3>search</h3>
<form method="get" id="searchform" action="">
<fieldset>
<input type="text" value="" size="35" name="s" id="s" /> <input type="image" src="http://astros.vivacity-design.com/wp/wp-content/themes/astros1/images/button_search.gif" id="searchsubmit" value="Search" />
</fieldset>
</form>
</div>
<div id="siteaddress"> <!-- Image showing version of design --> </div>
</div> <!-- end of header php -->
If I close off the wrapper div though, won’t that throw out boththe columns underneath?
Scratch that – I just closed the wrapper div on the header (cleared my machines cache just in case) – and there’s no change in either IE 6.0 or Firefox 2.0 (no Safari for me today at work =[ )
Any other suggested would be greatly appreciated – I’m losing my mind trying to work this thing out!
Looking closer at what happens in IE, it also looks like a number of other divs are being incorrectly shuffled around…
The sidebar is dropped down and starts at the end of the main content div, the date box divs (that contain the month and day date of the posts) are aligned too far to the left, the footer div starts prematurely and doesn’t carry the background image with it correctly, and the smalled divs featured inside the footer are crazily stacking up on each other because of the dropped sidebar.
It’s a complete dogs breakfast!
I’d really appreciate some help with this!
In case you can’t get to the css from my source code, here are direct links:
style.css – calls to import the main stylesheet
non-ie-browsers – the main stylesheet
IE6 workaround and
IE7 workaround
One more thing…completely randomly…
I don’t normally get to test extensively in IE as I’m a diehard Mac enthusiast, but now that I’m at work I’m having a good hard QA test of my site.
Quite randomly, and not in relation to any particular link or function, I’m receiving an error in IE only – an alert box pops up saying:
Internet Explorer cannot open the Internet site htt://astros.vivacity-design.com/wp/.
Operation aborted
What on earth is this? It seems to happen most when I click a link (doesn’t matter what link), or when I press the back button after looking at an image (n.b – the lightbox plugin I installed doesn’t work on IE, but this shouldn’t cause the problem)
I’ve now re-validated in w3, and drawn out a diagram of how my divs all come together – everything is closed and validated correctly. I’ve applied a clearfix, or appropriate styling for IE 6&7 in the stylesheets. Everything should be fine…but it’s not.
I’d really appreciate any help with this – I realise that it takes a bit of time to track through the markup, but I’d be completely in debt to whomever can offer some sort of resolution for my problem =]
I’ve also gone through all the images that are contained in the sidebar, and none of them are larger than the div tag they are contained in.
Roy
(@gangleri)
Unfortunately I’m not enough of a coder to be of more ‘help’ than with the suggestion I posed earlier. It’s a pain that browsers read stylesheets differently and this is actually what the Validator is made for. If a site is “valid” it should look the same in every browser…
Btw. I have seen your error popup on more WP sites and haven’t thought of the reason for it. Sometimes it appears, it appears again on reload and then not and everything works fine.
Thanks for your help – it’s very much appreciated =]
I wish I could have another rant about how horrible IE is to work with, but I’m sure everyone’s heard me, and others, do that so many times already.
I’m puzzled about the error page too! I have no idea why it happens, especially because it’s so intermittent that it’s hard to trace…except for the fact that it only happens in IE of course…
Again, thanks for your help =]
Anyone else have any suggestions?
*bump again
some help would be much appreciated!
** bump again again
Thanks Gangleri for having a look at this for me =]
Can anyone else offer any suggestions?
Asking for help here works about 10% of the time. Gangleri is one of the good guys, and answered me once, too!
I’m having same problem with IE. I tried position:absolute in style, but nothing so far.
It looks like you just decided to switch themes?
788937
I’m having this same problem and am combing through archived posts here to see if it’s been resolved anywhere. I’ve tried validating my code, as well, and for the most part I can’t seem to figure out where it’s coming from. I simply edited the style sheet for the default theme without touching any of the other pages, so unless kubrik wasn’t validated correctly…
Yeah I ended up changing the theme altogether…I just couldn’t get the sidebar to behave in IE no matter what I tried =[
