Monday, May 15, 2006

How to avoid sidebar of blogs dropping down in IE

Problem:
The sidebar of the blog is appearing down instead of right in the blogspot blog.

Solution:
Edit the template and adjust the following till you succeed.
Use percentage rather than pixels for the main content. Use pixels for the sidebar.

@media all {
#content {
/*width:660px;*/
width:90%;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
/*width:500px;*/
width:70%;
float:left;
}
#sidebar {
width:220px;
/*width:30%;*/
float:right;
}
}

Workaround:
Use firefox, a better choice.



© Copyright 2006. Bipin C Nair. All rights reserved.

14 Comments:

Blogger Mrs Eve Ooi said...

Hi. I'm not technically inclined but I'd like to try solve this problem. I've tried your suggestion of using % but it didn't work. Any other solutions? Blog add: kikikaka.blogspot.com

9:29 AM  
Blogger Bipin C Nair said...

I found the problem with your site.
It is the size of the image.

Solution 1: Decrease the size of the images.
or
Solution 2: Increase
#content width
width:690px;
instead of
width:660px;

8:26 PM  
Blogger Mrs Eve Ooi said...

hi i tried both solutions. solution 1 worked. thanks!!

4:22 AM  
Blogger Diane Viere said...

This is exactly what happened after I posted today. Any help?

Thanks

Diane

10:19 PM  
Blogger Bipin C Nair said...

Hello Praying for your Prodigal,
the problem is that your recently added image is a bit larger.
If you can't reduce it

search for
width: 483px;
in your template
replace by
width: 480px;

Does that work?

10:31 AM  
Blogger Diane Viere said...

THANK YOU! I just made the change...and my sidebar is BACK! THANKS!

Diane

3:48 PM  
Blogger Berniw said...

I read all these comments and I have a differn't problem with the sidebar. Every time I try to edit the links on my page the sidebar jumps to below my posts. I have it ok for now because I beleive after writing for help they fixed it. I am not sure what I should do.
berni

8:42 PM  
Blogger Diane Viere said...

HELP! When I go to my blog--site--it is white...it's not there? Where did it go?

Diane
DV4242@aol.com

9:03 PM  
Blogger Diane Viere said...

I can get to my home page--can view the postings from the edit section but can't get to my blog-site any other way.

Any help?

Diane

10:39 PM  
Blogger BBSnelly said...

I can't seem to get my sidebar back (i use firefox at home - but the world seems to insist on MSN)...any ideas?? Fiddled with the numbers etc...

snellybb.blogspot.com

11:41 AM  
Blogger Bipin C Nair said...

berni,

You could try this.
search and replace
width:740px;
with
width:760px;
in your template.

6:09 PM  
Blogger Bipin C Nair said...

Diane,

I don't see any problem with your site. Can you plz be more specific?

6:11 PM  
Blogger Bipin C Nair said...

bbsnelly,
This following should solve your problem.
Search for 847 in your template and replace by 910.

5:02 PM  
Blogger elopes said...

i ried this but no luck. tried reducing the pic but no luck. mozila is ok. sometines it come sback by itself . any suggestions?

9:11 PM  

Post a Comment

<< Home