No replies
tjcooper
Offline
Regular
Selah
Last seen: 17 years 50 weeks ago
Selah
Joined: 2004-07-11
Posts: 15
Points: 0

Do I do the box model hack on all Div width statements? Anywhere else? Here is my 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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />

<style type="text/css">
/*<![CDATA[*/
<!--

body {font-family: sans-serif;
}

h2 {margin-left: 10px;
margin-right: 5px;
padding: .25em; 0px;
}

li {padding-right: .25em; 0px;
}

#container {display:block;
width:738px;
position:relative;
left:50%;
margin-left:-370px;
border: thin black solid;
}

.header {background: url(titletest.jpg);
}

.header2 {border-bottom: thin black solid;
border-top: thin black solid;
background-color: #6699CC;
height: 5px;
}

.footer {border-top: thin black solid;
background-color: #6699CC;
margin-top: 10px;
}

.content {width: auto;
margin-right: 250px; *the right margin gives space for the rightcol*/
background: #FF88CC;
}

p {margin-left: 10px;
margin-right: 5px;
padding: .25em; 0px;
}

.toprightcol {float: right;
width: 229px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
border: 2px dashed gray;
background: #FFFFCC;
}

.imgdiv {float: left;
margin-top: 10px;
margin-left: 5px;
padding-right: 10px;
}

.bottomcont {width: auto;
margin-top: 0px;
background: #FFccCC;
}

.leftcol {float: left;
width: 229px;
margin-left: 5px;
border: 2px dashed gray;
background: #FFFFCC;
height: 325px;
}

.centercol {float: left;
margin-left: 10px;
width: 228px;
border: 2px dashed gray;
background: #FFFFCC;
height: 325px;
}

.rightcol {float: left;
margin-left: 10px;
width: 229px;
border: 2px dashed gray;
background: #FFFFCC;
height: 325px;
}
-->
/*]]>*/
</style>

</head>

<body>

<div id="container">

<div class="header"><img src="title.jpg"></div>

<div class="header2"><img src="spacer.gif"></div>

<div class="toprightcol"><h2>Get a <font color="red">FREE</font> Credit Report.</h2>
<ul>
<li>Stay on top of your credit rating, which is key to financial security.</li>
<li>Check your credit report regularly to catch and dispute possible inaccuracies.</li>
<li>Monitor your credit report to detect identity fraud early and stop it before it seriously damamges your credit.</li>
</ul>
</div>

<div class="content"><div class="imgdiv"><img src="purse.jpg" border="1px"></div>
<p>Your credit is vital to your success and financial health. You credit score effects your ability to secure loans, find employement, or pass the critical background checks necessary in many fields.<br>Credit reports from the 3 major reportin agencies give you the information necessary to </p>
</div>

<div style="height:1%;clear:both;">
<!--Clearing div to make float behave-->
</div>

<div class="bottomcont">
<div class="leftcol"><h2>Get Your Credit <font color="red">Score</font></h2>
<ul>
<li>See the type of score that helps lenders decide whether to give you that loan.</li>
<li>Complete with detailed analysis.</li>
<li>Only $14.95.</li>
</ul>
</div>
<div class="centercol"><h2>3 Bureau <font color="red">ONLINE</font> Credit Report</h2>
<ul>
<li>See the type of score that helps lenders decide whether to give you that loan.</li>
<li>Complete with detailed analysis.</li>
<li>Only $14.95.</li>
</ul>
</div>
<div class="rightcol"><h2>Single Report Online</h2>
<ul>
<li>Stay on top of your credit rating, which is key to financial security.</li>
<li>Check your credit report regularly to catch and dispute possible inaccuracies.</li>
<li>Monitor your credit report to detect identity fraud early and stop it before it seriously damamges your credit.</li>
</ul>
</div>
</div>

<div style="height:1%;clear:both;">
<!--Clearing div to make float behave-->
</div>

<div class="footer"><img src="spacer.gif"></div>

</div>

<p align="center"><font color="gray"> fadfsafd | afasdfasdf | afsdfasfdsdf </font></p>

</body>

</html>