Hello, can someone diagnose what's forcing my (default theme) sidebar down on a new music blog I'm making with WordPress at http://honesttune.com/
It works today correctly in Firefox, not in IE?
When I had this problem before on my radio blog, I fixed an oversized graphic in a post. I deleted the graphic, then the sidebar came back up where it belongs. This time, I don't see any of my graphics in the posts being oversized, the widest is 450 pixels. What is causing my sidebar to drop?
Thanks for any help/ideas on http://honesttune.com/
chrishes
Member
Posted 4 years ago #
Post your sidebar css
Looks fine in FF and Opera
I've had similar issues before and it was often the sidebar width (plus any margins, padding, etc.). Make some changes, do some tests. That or the main area is too wide (if main = 500 px and sidebar = 200 px and your site is 699 px, IE might mess it up, FF might not).
Not scientific, but I hope it helps.
What's probably going on is some of your sidebar links are "spilling" off the page, ie, the links are too long, and IE doesn't like that. Try putting this code in your style template somewhere in the sidebar CSS:
"overflow:hidden;"
This will let the text wrap itself so the sidebar in IE won't jump.
That search form you have was a guilty party once.
EDIT: Problem solved, for now. It mysteriously jumped back where it's supposed to be, without me changing anything.
-----------------
I was going to ask:
Thanks for the replies. I am very new at CSS. I've managed to use WordPress and make 5 sites without changing much in the CSS. My CSS is simply the Default. I want to learn it but I'm in school for another subject right now and it's hard to find time. So -- thanks to anyone who can spell-it-out clearly for me.
Where can I put the overflow:hidden code LB provided? I'm looking in my Stylesheet and there's a bunch of references to #sidebar?
I see only one:
/* Begin Sidebar */
#sidebar {...etc.
I have a custom-designed blog, and I put the code in the "sidecontainer" CSS. I would guess you'd put the code in the first reference. If you posted two or three references, perhaps I could tell you where you should put the code.
I am having the same problem, so I will use this thread to ask because I know there are 100s of topics concerning this problem.
It's the same with my Audrey Tautou fansite, in Firefox everything looks perfect - in IE, however, the sidebar is at the bottom. I tried out nearly everything, but nothing worked. I am clueless - any ideas?
Help would be very appreciated!
Regards,
~ Manila
http://fan-sites.org/Audrey-Tautou
http://BrokenAway.com
A possible reason other than an oversized graphic or a long line in the post is a missing (not found) graphic in the sidebar.
Where is a missing graphic...?
Probably with the rest of the page... get a 404.
I had the same problem with my blog. For me, one of the advertising graphics was too wide. All I had to do was tweak the width of my main content in order to ensure that everything fits under the worse case.
I removed all the pictures from my sidebar and tried it out, but it was still at the bottom.
I also tried out to put the sidebar into a div-container with a position:absolute, but also that didn't work in IE, only Firefox.
Any other suggestions?
Geez, I hate splash pages...
OK, It can be anything too wide, not only in the sidebar, but also in the content area - like this HUGE picture
http://brokenaway.com/Layout/PoliticalCorrectness.jpg
Oh no, there has been a GREAT misunderstanding :D
The page that has an error is http://fan-sites.org/audrey-tautou ! Sorry.
Great. Now I tried out so much that it's not even working in Firefox anymore!!! Ah!
You will just have to do a "trial and error" experiment by removing sections of your sidebar, or do what I did... remove everything and add one section at a time until you find the offending section or sections in your sidebar (But the problem just may be that your title images are too wide).
You might also fix your css:
.narrowcolumn {
float: rightt;
Thx Beel, that was a mistake I made while I was trying everything out. Now it's perfect in Firefox again, still there's the problem in IE.
I tried it out to remove everything bit by bit, but even if there is nothing inside the sidebar, it will appear at the bottom of the site. Is there something wrong with my CSS?! I don't get it. It worked before with the sidebar, but since I have that new layout, IE is messing it up.
Nobody has a clue for me? I'm getting crazy with this problem...
I just had a new one today where only for Win IE did it matter that I gave a list (ul ul ul.children or something like that) a padding and/or margin or anything more than 4 px. I mention this as I tore the CSS apart piece by piece until I figured it out! Of course, it had been my own doing in the first place making that margin too big, but I had forgotten (as I don't use IE except to check things out ... like this!). I hope that saves someone the hour it killed for me.
parasew
Member
Posted 3 years ago #
hi all, same problem here with the default template from wordpress 1.5.2
is there any fix for that?
i started a browsercam-job to show you the problems in internet explorer
http://www.browsercam.com/public.aspx?proj_id=245081
(see pictures 37-48)
parasew
Member
Posted 3 years ago #
seems like the searchbox is not the problem -- i started a second job without a searchbar, but still the same problem: the sidebar-contents are aligned to the bottom of the page in internet explorer.
http://www.browsercam.com/public.aspx?proj_id=245083
parasew
Member
Posted 3 years ago #
strange, just tested with the WPMU theme, there everything seems to be ok..
http://www.browsercam.com/public.aspx?proj_id=245086
did the theme get updated, or is this just a problem with content being to big as stated above?
parasew
Member
Posted 3 years ago #
solution: hacking the default css
i was adding the following line to the WordPress Default Theme
overflow:hidden
so the new #content looks like
#content {
font-size: 1.2em;
overflow:hidden;
}
see the results:
http://www.browsercam.com/public.aspx?proj_id=245092
g'day,
parasew
This doesn't work for me..
Since i upgrade Wp to 2.02 i have the problem in IE.
When adding an image the side bar is pushed down.
http://www.verenigdestaten.info/usablogs/hilde/
FF looks fine, seems like the only solution is resize al the images?
albertx
Member
Posted 3 years ago #
The error of one post can cause the error of the whole page,so open every post in new a window to see if the sidebar is in the right place,you are probably to find out a bad post,then check the html code of the bad post and correct it.
Another thing you all may not be thinking of is your margins and padding. If your container is 700px wide, your content is 500px width and your sidebar is 200px wide, you have *no room* for margin or padding for those divs. If anything is off in your math, your sidebar will drop in IE.
Dgold
LB
manila
usa
