My Blog appears disoriented using firefox when I view it using IE it is fine
Good day, I had originally only been using IE and started my blog using it. About a year ago or more I switched to firefox for obvious reasons..I was fed-up with IE crashing etc. Its worked fine for me except whenever I look at my blog now its out of alignment terribly and I am little skeptical to try to change it as I see it perfectly in IE browser. I also would not like to irreversibly change anything with my layout and being as I'm not as "tech-savy" as many bloggers are, I'm a bit reluctant to do anything on my own. Please guide me as to what I can do to resolve this bearing in mind my abilities. :) Thank you in advance My blog's url is : http://the-written-voice-lsl.blogspot.com/ Sincerely, Le-Ann
Chosen solution
It is a very simple to solve issue: There is a line break in your CSS code on the main page in the background image url. Current Firefox versions do not like that.
body {
background:#000000 url("http://lh4.ggpht.com/_fKjKe5YUrXg/SjKITFBNaxI/AAAAAAAADWI/u5ohtFDhVc0/black-%20lighter.jpg
");
background-position: down-left;
background-attachment: fixed;
background-repeat: no-repeat;
margin:0;
color:#E895CC;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
This should fix it:
body {
background:#000000 url("http://lh4.ggpht.com/_fKjKe5YUrXg/SjKITFBNaxI/AAAAAAAADWI/u5ohtFDhVc0/black-%20lighter.jpg");
background-position: down-left;
background-attachment: fixed;
background-repeat: no-repeat;
margin:0;
color:#E895CC;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
All Replies (2)
http://validator.w3.org/check?uri=http://the-written-voice-lsl.blogspot.com/ You have a whole bunch of errors - 1107 Errors, 645 warning(s).
Looks the same in Opera 10.53 as it does in Firefox 3.6.4 - alignment is off and the background image is missing.
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. http://forums.mozillazine.org/viewforum.php?f=25 You'll need to register and login to be able to post in that forum.
Chosen Solution
It is a very simple to solve issue: There is a line break in your CSS code on the main page in the background image url. Current Firefox versions do not like that.
body {
background:#000000 url("http://lh4.ggpht.com/_fKjKe5YUrXg/SjKITFBNaxI/AAAAAAAADWI/u5ohtFDhVc0/black-%20lighter.jpg
");
background-position: down-left;
background-attachment: fixed;
background-repeat: no-repeat;
margin:0;
color:#E895CC;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
This should fix it:
body {
background:#000000 url("http://lh4.ggpht.com/_fKjKe5YUrXg/SjKITFBNaxI/AAAAAAAADWI/u5ohtFDhVc0/black-%20lighter.jpg");
background-position: down-left;
background-attachment: fixed;
background-repeat: no-repeat;
margin:0;
color:#E895CC;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}