Not sure where I'm wrong here but in this layout the maincontent is set to
left 200px
with a width of 600 total, yet it seems to be overlapping a float box set at
800px by about 50px.
Anyone help by pointing out what is probably obvious but I'm missing :) TIA
Mark
HTML:
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">Content for id "header" Goes Here</div>
<div id="band">Content for id "band" Goes Here</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="undefined" title="undefined">About</a></li>
<li><a href="undefined" title="undefined">Where to </a></li>
<li><a href="undefined" title="undefined">Forums</a></li>
<li><a href="undefined" title="undefined">Support</a></li>
<li><a href="undefined" title="undefined">Contact</a></li>
</ul>
</div>
</div>
<div id="maincontent">Content for id "maincontent" Goes Here MOSCOW - A top
U.S. diplomat said Wednesday that most of the U.N. Security Council's
permanent members and the Group of Eight support possible sanctions against
Iran in the dispute over that country's nuclear program.
<!--/summary-->
Undersecretary of State Nicholas Burns also said the United States has not
given up on efforts to resolve the dispute through diplomacy. Earlier this
week, President Bush said "all options are on the table" --
including the military option -- to prevent Iran from developing atomic
weapons.</div>
<div id="secondcontent">Content for id "secondcontent" Goes Here</div>
<div id="controlpanel">Content for id "controlpanel" Goes Here</div>
<div id="rightcol">Content for id "rightcol" Goes Here</div>
</div>
</body>
</html>
CSS
div {}
body {
background-image: url(imgs/contbkgd.png);
top: 0em;
left: 0em;
width: 100%;}
#container {
border: 1px #000000 ridge;
position: absolute;
top: 0em;
left: 0em;
width: 100%;
right: 0em;}
#header {
}
#band {
background-color: #000000;}
#topnav {}
#maincontent {
position: absolute;
top: 180px;
left: 200px;
border: 1px black solid;
width: 600px;
padding: 20px;
margin-right: 5px;}
#secondcontent {
position: absolute;
top: 400px;
left: 200px;
border: 1px black solid;
width: 600px;
padding: 10px;}
#controlpanel {
float: left;
border-right: 1px black solid;
background-image: url(imgs/cpbkgnd.png);
position: absolute;
width: 200px;
height: 400px;
top: 65px;
left: 0em;}
#rightcol {
float: right;
border-right: 1px black solid;
position: absolute;
top: 65px;
width: 200px;
height: 400px;
background-image: url(imgs/cpbkgnd.png);
left: 800px}
a:link {}
a:visited {}
a:hover {}
a:active {}
#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
}
#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}
#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}
#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }
#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}
#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}
#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}
#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}
#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}
#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }
__________________________________________
Organize. Communicate. Share. @ http://www.goowy.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
