Div Elemente

[Klaus]

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ß

[frankx]

Hellihello

bau doch mal ein ganz schlichtes beispiel, nur mit zwei divs und ohne all das andere, was nicht nötig ist.

Dank und Gruß,

frankx

[Ulysses]

Hi!

ich würde gern das Div hotnews und nextgame nebeneinander haben, doch leider bekomm ich es einfach nicht hin sie zu floaten.

»

.hotnews{width:290px;}

ich sehe da kein float...

FG Ulysses