I'm new to using CSS and don't know what works cross browser yet. The code I'm using is very simple and works in IE, but none of it is working in Mozilla. Any hints as to what I'm doing wrong.
#HeaderContainer { width: 800px; height: 600px; border: solid 2px #00305c }
#Logo { position: relative; top: 0; left: 0 }
#Navbar { position: relative; left: 0; width: 20px; border: solid 2px #00305c }
Thanksand the HTML.....Sorry, going to fast.
<!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" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="HeaderContainer">
<div id="Logo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pages/test/include/Small%20Logo.jpg" alt="" height="116" width="240" border="0" />
</div>
<div id="Navbar">
<div id="NBTop"></div>
<div id="NBBody"></div>
</div>
</div>
</body>
</html>Ya change #style to .style and use class
See <!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_syntax.asp">http://www.w3schools.com/css/css_syntax.asp</a><!-- m --><link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/ . . .That's probably your problem.
change #style to .style and use classNot needed. The IDs only appear once on the page.Not neededDoes Mozilla not recognize #Style?change
<link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />
to
<link href=http://www.webdeveloper.com/forum/archive/index.php/"/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />oh and
# = ID's - should appear only once on a page
. = classes - can appear many times on a page
both are supported by most broswers including mozillaThanks, it's amazing how something so small can cause so much trouble. Thats code for you! Now if only I actually knew what I was doing.
#HeaderContainer { width: 800px; height: 600px; border: solid 2px #00305c }
#Logo { position: relative; top: 0; left: 0 }
#Navbar { position: relative; left: 0; width: 20px; border: solid 2px #00305c }
Thanksand the HTML.....Sorry, going to fast.
<!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" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="HeaderContainer">
<div id="Logo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pages/test/include/Small%20Logo.jpg" alt="" height="116" width="240" border="0" />
</div>
<div id="Navbar">
<div id="NBTop"></div>
<div id="NBBody"></div>
</div>
</div>
</body>
</html>Ya change #style to .style and use class
See <!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_syntax.asp">http://www.w3schools.com/css/css_syntax.asp</a><!-- m --><link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/ . . .That's probably your problem.
change #style to .style and use classNot needed. The IDs only appear once on the page.Not neededDoes Mozilla not recognize #Style?change
<link href=http://www.webdeveloper.com/forum/archive/index.php/"file:///N:/Inetpub/wwwroot/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />
to
<link href=http://www.webdeveloper.com/forum/archive/index.php/"/Pages/Test/Include/Screen.css" rel="stylesheet" type="text/css" media="all" />oh and
# = ID's - should appear only once on a page
. = classes - can appear many times on a page
both are supported by most broswers including mozillaThanks, it's amazing how something so small can cause so much trouble. Thats code for you! Now if only I actually knew what I was doing.