...

View Full Version : 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&#37;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;
} ?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum