body{ background-color:#242424; text-align: center; width:800px; margin-left: auto; margin-right: auto; font-family:Arial, verdana, sans-serif;} #container{ width: 800px; background-color:#434343; margin-left: auto; margin-right: auto; text-align: left;} #top_grad{ background-image:url(images/grad_top.gif); height:27px; width:800px;} #banner{ background-image:url(images/banner.gif); width:800px; height:112px;} #grad_under_banner{ background-image:url(images/grad_under_banner.gif); width:800px; height:14px;} #first_content{ width:800px; height:150px; } div.pullQuote { background-color:#585858; float:left; padding:5px; margin:5px; width:372px; border-style:solid; border-width:1px; } div.pullQuote2 { background-color:#585858; float:right; padding:5px; margin:5px; width:372px; border-style:solid; border-width:1px; } #content{ background-color:#434343; width:800px;} #left{ background-color:#434343; width: 154px; float: left; margin-left:15px; } #nav_top{ background-image:url(images/left_box_header.gif); width:154px; height:22px; } #nav_mid{ background-color: #585858; } #center{ background-color:#434343; width:601px; float: left; margin-left: 15px; } #content_mid{ background-color: #585858; } div.pullQuote3 { background-color:#585858; float:left; padding:px; margin:px; width:800px; border-style:solid; border-width:1px; }
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>TitanGX</title> </head> <body><div id="container"> <div id="top_grad"></div> <div id="banner"></div> <div id="grad_under_banner"></div> <div id="first_content"><div class="pullQuote"><img src="images/anime.gif" width="372" alt="Anime" /></div><div class="pullQuote2"><img src="images/anime.gif" width="372" alt="Anime" /></div></div> <div id="content"> <div id="left"> <div id="nav_top"></div> <div id="nav_mid">hrhghjajg<br /><br /><br /><br /><br /><br /><br /><br /></div> </div> <div id="center"> <div id="content_mid">fvbfdh<br /><br /><br /><br /><br /><br /><br /><br /></div> </div> </div><br /> <div class="pullQuote3">jgfjyfj</div> </div> </body> </html>
Firefox:
IE:
In IE the backgorund behind the text boxes is perfect. But it refuses to work in Firefox.
Help.
Thanks.
Edited by scizor, 03 August 2006 - 08:42 PM.