CSS Problem
Hej. Håller på att få en hjärnblödning här. . .
.
Kan ni se något allvarligt fel på. c_left /c_right?
CSS:
.headfont
{
font: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
}
* {
margin: 0px;
padding: 0;
}
body {
background: #666;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
#out
{
width: 1000px;
height: auto;
background: #fff;
border: solid #fff 1px;
padding: 0px;
margin: 0 auto;
}
#top
{
background-image:url(../img/top.jpg);
width: 990px;
height: 25px;
padding: 5px;
border-bottom: 1px solid #fff;
text-align: right;
}
#banner
{
width: 1000px;
height: 300px;
background-image:url(../img/banner.jpg);
}
#menu
{
width: 1000px;
height: 40px;
background-image:url(../img/menu.jpg);
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#latest_bg
{
background: url(../img/latest.jpg);
height: 14px;
width: 250px;
border-bottom: 1px solid #000;
padding: 8px;
}
#spons_bg
{
background: url(../img/spons.jpg);
height: 14px;
width: 189px;
padding: 8px;
}
#latest_1
{
width: 264px;
height: 200px;
background: #fff;
float: left;
border-bottom: solid #000 1px;
border-right: solid #000 1px;
}
#latest_2
{
width: 264px;
height: 200px;
background: #fff;
float: left;
border-bottom: solid #000 1px;
border-right: solid #000 1px;
}
#latest_3
{
width: 264px;
height: 200px;
background: #fff;
float: left;
border-bottom: solid #000 1px;
border-right: solid #000 1px;
}
#latest_4
{
width: 205px;
height: 200px;
background: #393939;
float: left;
text-align: center;
border-bottom: solid #000 1px;
}
#c_left
{
width: 650px;
background:#3F9;
float: left;
}
#c_right
{
width: 350px;
background: #66F;
float: left;
}
#bottom
{
width: 1000px;
height: auto;
background: #fff;
}
HTML:
<div id="out">
<div id="top">
<img src="img/Icons/Blue/login-40.png" width="40" height="19" />
<img src="img/Icons/Blue/new.png" width="32" height="19" />
</div>
<div id="banner">
</div>
<div id="menu">
<center>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','img/news_2.jpg',1)"><img src="img/news_1.jpg" name="news" width="75" height="40" border="0" id="news" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('teams','','img/teams_2.jpg',1)"><img src="img/teams_1.jpg" name="teams" width="75" height="40" border="0" id="teams" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('matches','','img/matches_2.jpg',1)"><img src="img/matches_1.jpg" name="matches" width="75" height="40" border="0" id="matches" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('articles','','img/articles_2.jpg',1)"><img src="img/articles_1.jpg" name="articles" width="75" height="40" border="0" id="articles" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sponsors','','img/sponsors_2.jpg',1)"><img src="img/sponsors_1.jpg" name="sponsors" width="75" height="40" border="0" id="sponsors" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('servers','','img/servers_2.jpg',1)"><img src="img/servers_1.jpg" name="servers" width="75" height="40" border="0" id="servers" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','img/media_2.jpg',1)"><img src="img/media_1.jpg" name="media" width="75" height="40" border="0" id="media" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forum','','img/forum_2.jpg',1)"><img src="img/forum_1.jpg" name="forum" width="75" height="40" border="0" id="forum" /></a>
</center>
</div>
<div id="latest_1">
<div id="latest_bg" class="headfont">
// Latest News
</div>
</div>
<div id="latest_2">
<div id="latest_bg" class="headfont">
// Latest Matches
</div>
</div>
<div id="latest_3">
<div id="latest_bg" class="headfont">
// Latest Files
</div>
</div>
<div id="latest_4">
<div id="spons_bg" class="headfont">
Main Sponsor
</div>
</div>
<div id="c_left">
<p>1 </p>
</div>
<div id="c_right">
<p>2 </p>
<p> </p>
</div>
3
</div>
</body>
</html>
