One of your side pictures is too large. When this happens, it pushes the other content down. I also had the same problem on my blog. Different browsers, ie Firefox will do the same thing. Had to fix that problem too.
The google search form has a nowrap, which forces it out of its container in some browsers. And I think the feedburner thingy is too big.
There's a few things you can fix here, but the easiest is just to change your content width from 900 to 950.
You'd think two 200 pixel wide sidebars and a 500 pixel wide main post area would add up to 900, but that's too precise for IE when things get out of their boxes.
Also your link to 'Busy Nights' in the side bar needs its closing 'a' tag fixed. It seems small but it screws up Safari.
I have the same problem with IE on my blog http://souperior.blogspot.com - but only with the descriptive header! Nothing I've tried has worked. Any ideas?
Fahara, your header image and description should be in a div container to make it easier to control its position.
If you put them inside the header div, you'll have to turn off the display: none and make a few other adjustments.
The header-image margin-top should be set to 0.
The description width should be 780px; and the padding should be:5px 0px 10px; so it centers properly.
The image is 800 pixels wide, which will make it look a little wider than the stuff below, because the sidebar gets bumped 10 pixels in by a margin setting. So change the line in the #sidebar to read margin:15px 10px 0;
That should do it. Except for the cookies you'll need to make me now.
Food Blogs may be cool, but here it's back to School. Join this forum and together we can learn more about the technicalities of blogging and make our collective blogs even more delectable than they are already.
This is a forum for all food and drink bloggers. If you want to join the team, sign up to be a member by sending both the name of your blog and its url AND YOUR EMAIL ADDRESS in the body of the email to Food.Blog.Scool@gmail.com
Members will have the ability to start threads on this site, but absolutely anyone can post comments. Food Blog S'cool membership is open to anyone with a Food or Drink Blog. Please be patient whilst I sign you up. Admin is only completed about once a month. Thank you.
Food Blog S'cool is not responsible for any comments or posts on this site. Individuals are responsible for their own content and should be mindful that they do not say write anything that breaks the law or infringes on copyright.
7 comments:
One of your side pictures is too large. When this happens, it pushes the other content down. I also had the same problem on my blog. Different browsers, ie Firefox will do the same thing. Had to fix that problem too.
UGH! I can't figure out which one it is... how did you fix yours?
The google search form has a nowrap, which forces it out of its container in some browsers. And I think the feedburner thingy is too big.
There's a few things you can fix here, but the easiest is just to change your content width from 900 to 950.
You'd think two 200 pixel wide sidebars and a 500 pixel wide main post area would add up to 900, but that's too precise for IE when things get out of their boxes.
Also your link to 'Busy Nights' in the side bar needs its closing 'a' tag fixed. It seems small but it screws up Safari.
I have the same problem with IE on my blog http://souperior.blogspot.com - but only with the descriptive header! Nothing I've tried has worked. Any ideas?
Paul, you are so awesome! Thanks!!! It works now.
Fahara, your header image and description should be in a div container to make it easier to control its position.
If you put them inside the header div, you'll have to turn off the display: none and make a few other adjustments.
The header-image margin-top should be set to 0.
The description width should be 780px; and the padding should be:5px 0px 10px; so it centers properly.
The image is 800 pixels wide, which will make it look a little wider than the stuff below, because the sidebar gets bumped 10 pixels in by a margin setting. So change the line in the #sidebar to read margin:15px 10px 0;
That should do it. Except for the cookies you'll need to make me now.
Ola Paul, I'm afraid cookies aren't forthcoming because it didn't work *sobs*. It just displaces it in Mozilla Firefox without rectifying it in IE :(
Any more suggestions as to what I'm doing wrong?
Post a Comment