sidebar drops in internet explorer 7

Hi

The first thing I would try is to assign the narrowcolumn class to your header. In the header.php file, change this

<div id="header">
to this
<div id="header" class="narrowcolumn">

The problem is your header is 100% of the width, so the sidebar is appearing below the header. The content area width on the left is limited by the narrowcolumn class, so try assigning it to the header

hi stvwlf

thank you! i tried it, but it doesn’t help. i believed my boxes left enough space for the sidebar – at least that’s what the borders i made around them made me think. don’t the borders represent the limits of the boxes?

the width of the header should be 350px (smallcollumn class is 450px), the margin of the sidebar is 650px, so there ought to be 200px space in between header and sidebar. the width of the sidebar is 190px and the surrounding page is 650 + 190 = 840px. maybe this is not enough? but if i make the page wider, the content shifts up in between header and sidebar, so that’s no option.

ps.
i might add that i browsed this forum and the faq for related threads (there are many), but couldn’t find one that fits my case. neither do i paste from word nor have i used “more” tags.

Hi

Now I see something I didn’t see before

The CSS for your header is this
josefrenner.ch (line 25)

#header {
   background:transparent url(https://josefrenner.ch/blog/wp-content/themes/minimalism 1.0.2/images/header-img.php?upper=F7F7F7&lower=FFFFFF) no-repeat scroll center bottom;
}

This is calling a PHP file named header-img.php. Something is going on in that file that is causing this issue.

hi

thanks for pointing this out, but i am at a loss right now. i can’t see where this is invoked (i removed any code related to a header image from the .php files and from the stylesheet). my firebug also doesn’t show me anything alike. can you tell me how you found that?

for testers i removed the file header-img.php but it doesn’t seem to change a thing.

thanks again…

hi

if you do a View Source on your homepage, you will see around lines 25/26 the CSS you couldn’t find in your stylesheet. It is not in your stylesheet, it is in your header file. It is commented out, using HTML comment characters. However the comment characters for CSS are /* and */ so even though it appears to be commented out it is actually being executed. You probably want to remove those lines altogether

Firefox is much better about ignoring things like that than IE is.

I am not sure wether i can resolve this thread, but I found some useful information on urban giraffe. until now i had index.php invoke the sidebar after the content, moving it above the content helps, moving it above the header even helps more. internet explorer still shows it too far below, but not so far as it used to.

i will mark this thread as resolved, but not because i found out what caused all the trouble. eventually i decided to make my own theme (following the advice at urban giraffe, which is outdated for it’s browser forks but otherwise very good info).
i have to say, making your own theme saves an awful lot of time. it’s much easyer than trying to rearrange existing stylesheets that are mostly far too complex (my own stylesheet has not even a third of the length of the one i used to work with (“minimalism 1.0.2“).

good luck and thanks for the help!

josef