Firefox - Background repeat problem

Uzair

05-16-2008, 10:49 AM

Problem page is here (http://www.dinnerandamurder.com/party_pages/party_cp.html). View in IE7 & FF.

1st Problem:
I am designing a page where 3 divs r under each other. Everything looks fine in IE7 but when I view the page in FF, backgrounds are repeating everywhere. Please guide me how can I set the backgrounds in FF?

2nd Problem:
You can see blue button menu. Text is aligned to top. I used line-height but no use. Please guide how can I align the text to middle of the button?

Best Regards
Uzair

abduraooft

05-16-2008, 10:57 AM

2nd Problem:
You can see blue button menu. Text is aligned to top. I used line-height but no use. Please guide how can I align the text to middle of the button?
#DVcpMENU ul li a {style.css (line 94)
color:#FFFFFF;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:42px;
line-height:normal;
text-decoration:none;
width:140px;
}
should be
#DVcpMENU ul li a {style.css (line 94)
color:#FFFFFF;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:42px;
line-height:42px;
text-decoration:none;
width:140px;
}

Uzair

05-16-2008, 11:00 AM

I already have given the line-height, below is the code I am using...

#DVcpMENU UL LI A {
display: block;
width: 140px;
height: 42px;
line-height: 42px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

But its not working :(

rangana

05-16-2008, 11:04 AM

<!DOCTYPE html PUBLIC "-//W3C//Dth XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dth/xhtml1-transitional.dth">

It should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

This will fix your background repeating in FF :)

For your second problem, try changing your CSS to:

#DVcpMENU ul li a{
display: block;
border:1px solid red;
width: 140px;
padding-top:10px;
height: 32px;
line-height: 42px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

See if it helps ;)

abduraooft

05-16-2008, 11:05 AM

1st Problem:
I am designing a page where 3 divs r under each other. Everything looks fine in IE7 but when I view the page in FF, backgrounds are repeating everywhere. Please guide me how can I set the backgrounds in FF?

div#DVwrap div.DVtopbtm img{
display:block;
}
Or apply some class those top/bottom curved <img>s and simply apply a CSS like
img.curve{
display:block;
}
<img width="816" height="25" border="0" class="curve" src="images/pgbtm.gif"/>
See Images, Tables, and Mysterious Gaps (http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps)

Uzair

05-16-2008, 11:09 AM

Thank you, it worked :)

But the 1st problem....
Blue button Menu is still showing background on back in FF. How to fix that?

regards

abduraooft

05-16-2008, 11:14 AM

have you missed rangana's post, you have many errors in this document, all are due to that error in DOCTYPE, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dinnerandamurder.com%2Fparty_pages%2Fparty_cp.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Uzair

05-16-2008, 11:33 AM

I have fixed that DTD problem in my DOCTYPE but the problem is still there. Please help!

abduraooft

05-16-2008, 11:35 AM

I have fixed that DTD problem in my DOCTYPE but the problem is still there. Please help!
Please update it on the server so that let's check it again.

Uzair

05-16-2008, 11:39 AM

Now please check the page, menu is still showing the background...

http://www.dinnerandamurder.com/party_pages/party_cp.html

rangana

05-16-2008, 11:46 AM

See if adding the higlighted helps:

<div id="DVcpMENU">
<ul>
<li><a href="#">dfsgf</a></li>
</ul>
</div>
<div style="clear:both;"></div>

For further reading:
http://www.positioniseverything.net/easyclearing.html

Uzair

05-16-2008, 11:48 AM

Thank you very much sir, it worked :)

abduraooft

05-16-2008, 11:54 AM

How about
#DVwrapCP {
.........
clear:both;
} ?