...

View Full Version : Positioning is off



EricaStar
12-27-2006, 04:16 PM
Can someone let me know what I'm doing wrong. The right border on of the box that says 'This is the first box' does not display. What am I doing wrong. CSS file is attached.

HTML:

<!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" />
<title>Cincinnati Builder of New Homes - Schmidt Builders</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<div id="hd" class="HeaderCells">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Virtual Tours </a></li>
<li><a href="#">Mortgage Info</a></li>
<li><a href="#">About Us </a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="bd">
<div id="logo"></div>
<div id="ButtonContainer">
<div id="FloorPlans" class="HoverButtons"></div>
<div id="NewHomes" class="HoverButtons"></div>
<div id="Portfolio" class="HoverButtons"></div>
<div id="Communities" class="HoverButtons"></div>
</div>
</div>
<div id="sb">
<div id="45Days">this is first box </div>
<div id="Search">This is second box 200 </div>
<div id="Packet">This is 3rd box </div>
</div>
</div>
</body>
</html>


Preview Page (http://www.starone-intranet.com/schmidt/index.html)

coothead
12-27-2006, 05:47 PM
Hi there EricaStar,

it is not permissable to start an id with a number. :eek:
Change...

id="45Days"
...to...

id="fortyfiveDays"
...with similar adjustments in your stylesheet.:D

coothead

VIPStephan
12-27-2006, 06:16 PM
An ID or class can't start with a number, hence #45Days is ignored. Plus you are using way too much positioning and unnecessary CSS. For example:


border-right-color: #003C42;
border-left-color: #003C42;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;

can be condensed to:


border-right: 1px solid #003C42;
border-left: 1px solid #003C42;


Ah dammit! Too late again.

coothead
12-27-2006, 06:22 PM
Ah dammit! Too late again.

Yes, but it was only by a mere twenty nine minutes. ;)

coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum