Help – Sidebar drops in IE

  • Hi there,

    The sidebar on my webpage keeps getting pushed to the bottom of the page in IE. I use a Mac, test in Safari and Firefox, and rely on browsershots.org to send me back screenshots of what it looks like in other browsers/platforms.

    I’ve had this problem before and honestly thought I had found a “hack” to work around it.

    I’ve tested the site in both the xhtml and css validators and everything tests compliant (aside from two pages that have tables on them, but these are minor pages that will be changed).

    Help would be greatly appreciated!

    Website

Viewing 15 replies - 1 through 15 (of 15 total)

  • 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.

    Thread Starter flick07

    (@flick07)

    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="https://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="https://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?

    Thread Starter flick07

    (@flick07)

    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!

    Thread Starter flick07

    (@flick07)

    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

    Thread Starter flick07

    (@flick07)

    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)

    Thread Starter flick07

    (@flick07)

    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 =]

    Thread Starter flick07

    (@flick07)

    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.

    Thread Starter flick07

    (@flick07)

    * bump

    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.

    Thread Starter flick07

    (@flick07)

    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?

    Thread Starter flick07

    (@flick07)

    *bump again

    some help would be much appreciated!

    Thread Starter flick07

    (@flick07)

    ** 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?

    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…

    Thread Starter flick07

    (@flick07)

    Yeah I ended up changing the theme altogether…I just couldn’t get the sidebar to behave in IE no matter what I tried =[

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Help – Sidebar drops in IE’ is closed to new replies.