Sunday, February 4, 2007

My bakgrownd duzn't show up in IE!

My vary speshul frend, Daisy the Curly Cat, rites:

I added a special Valentine background/wallpaper to my page. It shows up in Firefox, but not if you use IE. I can't figure this one out!

Daisy, it's a qwik fix:

1) In yer style sheet sekshun, go to ware yer body styles are --- the part that looks like this:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #555555;

background: #fff2fc top center repeat-y;
font-size: small;
background:url (
http://images.bigoo.ws/content/saint_valentine/background/sv_background_0.gif)repeat;
}

and reemove the style that's displayed in green above: background: #fff2fc top center repeat-y;

2) Then, skrole down past ware yer style sheet ends (</style>) -- abowt 6 lines down frum that is yer body tag. It kurrintly looks like this: <body>

Add this: background="http://images.bigoo.ws/content/saint_valentine/background/sv_background_0.gif"
So it looks like this:
<body background="http://images.bigoo.ws/content/saint_valentine/background/sv_background_0.gif">

That shood make it werk in both Firefox and IE!



Daisy asks anuther qweschun:

"I have just one other little question. Do you know how I can remove the little blank space at the very top of my page? It is only about 1/4" high."

Daisy, that's akshully an image wrapping the top of yer mast. To reemoove it, go to the OUTER-WRAPPER style in yer style sheet. It looks like this:

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 742px;
text-align: left;
background: #ffffff
url(http://www.blogblog.com/moto_ms/innerwrap.gif) top right repeat-y;
font: normal normal 110% Arial, sans-serif;
}
and reemoove the line (in red above) that deefines the stile for yur wrapper bakgrownd image:

background: #ffffff url(http://www.blogblog.com/moto_ms/innerwrap.gif) top right repeat-y;

so that the outer-wrapper stile now looks like this:

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 742px;
text-align: left;
font: normal normal 110% Arial, sans-serif;
}
Thare's still a space between yer header and the top margin, but I can't figyer owt how to make it go away. Reemooving the margin in the body tag didn't werk. But it did point owt a problim in yer HTML, Daisy...

Down by yer body tag, yoo have dooplikit body tags, and one is clozed owt beefore it shood be. It looks like this:

<body>
<div class="navbar
section" id="navbar"><div class="widget Navbar"
id="Navbar1"><iframe id="navbar-iframe" marginwidth="0"
marginheight="0"
src="http://www2.blogger.com/navbar.g?blogID=2240334138501910154"
frameborder="0" width="100%" scrolling="no" height="30"></iframe
>< div id="space-for-ie">

<body
background='http://images.bigoo.ws/content/saint_valentine/background/sv_background_0.gif'>
</body>
and the parts in red need to be reemooved!

1 comment:

Daisy said...

YAY! It worked. Thank you ever so much Skeezix, you're the best!

I have just one other little question. Do you know how I can remove the little blank space at the very top of my page? It is only about 1/4" high.