nicht angemeldet
Hi,
bekomme es einfach nciht hin diese div elemente zu floaten.
<div id="content">
<div class="hotnews">
<h2 class="headlineeins">Hot News</h2>
<p><a href="#">12.12.2008<br>
Sali Mehanovic kehrt nach Plattling zurück</a></p>
<p><a href="#"> 09.12.2008<br>
Weitere Neuverpflichtungen für die Black Hawks</a></p>
<p><a href="#"> 29.11.2008<br>
Black Hawks verstärken sich weiter</a></p>
</div>
<div class="nextgame">
<h2 class="headlinezwei">Next Game</h2>
<img id="nextgameimage" src="images/nextgame_image.jpg" width="219" height="94" alt="Schwäbisch Hall Unicorns vs. Plattling Blackhawks" title="Schwäbisch Hall Unicorns VS Plattling Blackhawks">
</div>
</div>
ich würde gern das Div hotnews und nextgame nebeneinander haben, doch leider bekomm ich es einfach nicht hin sie zu floaten.
CSS:
#content{
float:left;
margin-left:108px;
background-image:url(images/1_36.jpg);
background-repeat:repeat-y;
width:610px;
height:400px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#content a{ text-decoration:none;}
#content a:link{ color:#FFFFFF;}
#content a:hover{ color:#cc9966;}
#content a:visited{ color:#FFFFFF;}
#content p{ font-size:0.75em; margin-bottom:1em;}
.headlineeins{ font-size:0.8em; font-weight:bold; padding-top:10px; margin-bottom:1em; border-bottom:#cc9966 1px solid; width:290px;}
.hotnews{width:290px;}
.hotnews p, h2{ margin-left:10px;}
.nextgame{ width:219px; float:left;}
.headlinezwei{ font-size:0.8em; font-weight:bold; margin-bottom:1em; border-bottom:#cc9966 1px solid; width:219px;}
.nextgameimage {margin-left:10px;}
würd mich über hilfe freuen
gruß
Ulysses