Stamp_Guy
14.06.2001, 00:18
Hi Guys,
I'm trying to learn CSS and this is my first attempt. It looks exactly like I want it to in IE, but not Netscape 4. Could you guys tell me how I can make it look the same cross browser? Also, any suggestions for learning CSS would be greatly appreciated!
Stamp_Guy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
BODY {
font: 10pt Arial, Verdana, Times;
color: #000000;
background: #dddddd;
padding: 30px;
}
#header {
width: 200px;
background: #000050;
color: #dddddd;
margin: 0px;
padding: 0px 0px 0px 0px;
margin-left: 10%;
margin-right: 10%;
text-align: center;
}
#content {
background: #ffffff;
color: #000000;
font-weight: bold;
border: 1px solid #000000;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
}
</style>
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000ff" VLINK="#800080" ALINK="#ff0000">
<div id="header">TITLE</div>
<div id="content">This is a test of the content of the content div. This is a test of the content of the content div.This is a test of the content of the content div.</div>
</BODY>
</HTML>
Edited by - Stamp_Guy on 06/14/2001 13:02:54
I'm trying to learn CSS and this is my first attempt. It looks exactly like I want it to in IE, but not Netscape 4. Could you guys tell me how I can make it look the same cross browser? Also, any suggestions for learning CSS would be greatly appreciated!
Stamp_Guy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
BODY {
font: 10pt Arial, Verdana, Times;
color: #000000;
background: #dddddd;
padding: 30px;
}
#header {
width: 200px;
background: #000050;
color: #dddddd;
margin: 0px;
padding: 0px 0px 0px 0px;
margin-left: 10%;
margin-right: 10%;
text-align: center;
}
#content {
background: #ffffff;
color: #000000;
font-weight: bold;
border: 1px solid #000000;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
}
</style>
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000ff" VLINK="#800080" ALINK="#ff0000">
<div id="header">TITLE</div>
<div id="content">This is a test of the content of the content div. This is a test of the content of the content div.This is a test of the content of the content div.</div>
</BODY>
</HTML>
Edited by - Stamp_Guy on 06/14/2001 13:02:54