I am having two problems right now with a new design I am trying to put together. The first is the div, #top_ad, does not display at all in FF3, but looks perfect in IE8.
CSS file validates as does the HTML.
So 10 minutes in... and I'm stuck. I feel like I will never understand how to make FF and IE display the same thing. If I do, I feel it is by complete luck.
Direct Link (see for yourself in your browsers)
Where is my div in FF.
CSS file validates as does the HTML.
So 10 minutes in... and I'm stuck. I feel like I will never understand how to make FF and IE display the same thing. If I do, I feel it is by complete luck.
Direct Link (see for yourself in your browsers)
Code:
<!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=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="design/wrapper.css" type="text/css" />
</head>
<body>
<img class="nospace" src="design/parts/top_round.gif" alt="" />
<div id="top_links_wrap">
<div id="top_links">
</div>
</div>
<div id="page_wrap">
<div id="page">
<div id="rss_feed">
</div>
<div id="top_ad">
</div>
<div id="content_page">
</div>
<div id="navigation">
</div>
<div id="updates">
</div>
<div id="login_box">
</div>
</div>
</div>
</body>
</html>
Code:
@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px;}
img.nospace {white-space:nowrap;}
#top_links_wrap {background-color:#4b4b4b;
width:800px;}
#top_links {border-left:2px solid #7c7c7c; border-right:2px solid #7c7c7c; border-bottom:2px solid #7c7c7c;
margin:0px 4px 0px 4px;
height:50px;}
#page_wrap {background-color:#4b4b4b;
width:800px;}
#page {border-left:2px solid #7c7c7c; border-right:2px solid #7c7c7c;
margin:0px 4px 0px 4px;
overflow-x:hidden;
overflow-y:auto;}
#top_ad {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:471px;
position:relative;
left:-3px;
margin-top:10px;
height:60px;}
#content_page {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:471px;
position:relative;
left:-3px;
top:-40px;
float:left;
margin-top:3px;
height:400px;}
#rss_feed {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:300px;
position:relative;
right:-3px;
float:right;
margin-top:10px;
height:100px;}
#navigation {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:123px;
position:relative;
right:-3px;
float:right;
margin-top:3px;
height:400px;}
#updates {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:163px;
float:right;
margin-top:3px;
height:200px;}
#login_box {background-color:#7c7c7c;
border:thick double #4b4b4b;
width:163px;
float:right;
margin-top:3px;
height:100px;}Where is my div in FF.
Last edited:
