...

View Full Version : Missing gray space... hmm..



jhaycutexp
04-04-2009, 10:32 AM
Hi guys

Can you help me out on this?? http://www.registryproblemsolver.com/..

There's supposed to be a gray space between the content area and the header area.. it looks fine on ie7 and FF..

But if you look at it on ie6 its not.. any suggestions..? or bright ideas on this? i'm stuck.. i've been at it for 2 hours...

thanks

abduraooft
04-04-2009, 12:45 PM
Fix the errors in your markup first, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.registryproblemsolver.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

jhaycutexp
04-04-2009, 03:41 PM
okay i've cleaned up the markup..

but it's stil there.. sometimes not there.. but when you hover on the visit the web site link.. it shows..

can you help me out on this.. i'm really stumped..

Excavator
04-04-2009, 04:46 PM
Good morning jhaycutexp,
It seems like #header and #featured_software are both wrapped in #head_body which has a #fff background. It might be easiest to add a #e8e5e5 background to #header to make your gap appear.
Try this-
}

#header{background: #e8e5e5 url(images/header.gif) no-repeat top;
width:900px;
height:160px;
}

jhaycutexp
04-05-2009, 03:10 AM
wow thats great excavator!! that really does fix it... okay now.. whats the logic behind this? i would really appreciate if you can give an explanation on what just happened there.. so next time i won't be asking for this dumb error..

I'm really amazed.. i've been at it since yesterday...

Thanks

Excavator

Excavator
04-05-2009, 03:48 AM
I thought that was a pretty good explanation I already gave...

Here's 2 more fixes.


#1: Another way to make the space would be to remove #head_body so #header and #featured_software didn't have the #fff background behind them.
You would need to put a #fff background around #featured_software for that to work.

#2 You could also remove the #fff background from #head_body and add a color to #featured_software.
Like this -

#head_body{
background:
margin:0 0 10px 0;
}
#featured_software{
background: #fff;
padding:10px;
}
#header{
background:url(images/header.gif) no-repeat;
width:900px;
height:150px;
margin: 0 0 10px 0;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum