CSS: bei Float verschwindet Hintergrund bild

Dieses Thema im Forum "Webentwicklung" wurde erstellt von MrDick, 24. Mai 2007 .

  1. 24. Mai 2007
    Hallo,

    ich habe folgendes Problem. Ich habe mehrere Div Container mir gebaut und einen mit einem Hintergrund bild in dem nun auch der Content bereich kommt und alles andere. hier mal der Code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Only Your Topics</title>
    </head>
    <body style="margin:0px; padding:0px; font-family: Verdana; font-size:10px; color:#ffffff;">
    <div style="width:100%;background-image:url(images/site_head_bg.jpg); background-repeat:no-repeat; background-color:#5b5a5a; height:72px;"></div>
    <div style="background-image:url(images/site_bg.jpg); background-repeat:no-repeat; width:930px; margin:0px; padding:0px;">
     <div style="position:absolute; left:28px; top:109px; width:377px;">
     <strong>23. Mai 2007</strong><br />
     Wir gehen nund auch mal Online. Das ist eigentlich nur mal ein test
     ob das hier auch an der richtigen stelle steht.
     </div>
     <div style="position:absolute; left:435px; top:115px; width:468px;">
     <a href="http://www.mygigfake.de" onclick="window.open(this.href); return false;"><img src="http://www.mygigfake.de/banner/mygigfakeBanner468.jpg" width="468" height="60" style="border:0px;" alt="MyGigFake.de" /></a>
     </div>
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    
     <div style="margin-left:17px; float:left;">
     <div style="background-color:#525252; width:610px; height:23px;">
     <div style="font-weight:bold; padding:4px;">Only Your Topics</div>
     </div>
    
     <div style="margin-top:5px;background-color:#919191; width:600px; height:114px; padding:5px;">
     <strong>Dragons weiter auf Erfolgskurs...</strong><br />
     Am vergangenen Samstag war es wieder einmal soweit, die Artland Dragons haben das 10. mal in dieser Saison gewonnen.
     Es ist nun weitaus mehr als wie nur noch ein Wunder das die Dragons ein Spiel nach dem anderen gewinnen.
     Wie kommt es dazu und was sagen die Spieler zu den Ergebnissen?<br /><br />
     Zum Interview mit Chris Flemming und einigen Spielern
     </div>
    
     <div style="margin-top:5px;background-color:#6c6b6b; width:600px; height:114px; padding:5px;">
     <strong> Dragons weiter auf Erfolgskurs...</strong><br />
     Am vergangenen Samstag war es wieder einmal soweit, die Artland Dragons haben das 10. mal in dieser Saison gewonnen.
     Es ist nun weitaus mehr als wie nur noch ein Wunder das die Dragons ein Spiel nach dem anderen gewinnen.
     Wie kommt es dazu und was sagen die Spieler zu den Ergebnissen?<br /><br />
     Zum Interview mit Chris Flemming und einigen Spielern
     </div>
     </div>
    
     <div style="float:right;">
     <div style="background-color:#525252; width:290px; height:23px;">
     <div style="font-weight:bold; padding:4px; text-align:right;">Login</div>
     </div>
     <div style="margin-top:5px;background-color:#dcdcdc; width:290; color:#000000;">
     <form action="#" method="post">
     <table>
     <tr>
     <td style="font-weight:bold;">Username</td>
     </tr>
     <tr>
     <td><input type="text" size="32" style="border:1px solid #323232;"></td>
     </tr>
     <tr>
     <td style="font-weight:bold;">Password</td>
     </tr>
     <tr>
     <td><input type="text" size="32" style="border:1px solid #323232;"></td>
     </tr>
     </table>
     </form>
     </div>
     </div>
    
    </div>
    
    </body>
    </html>
    
    Es geht um die float:left sache sobald ich das schreibe verschwindet das hintergrunbild : background-image:url(images/site_bg.jpg); background-repeat:no-repeat; es wird dann einfach weiss.

    ich hoffe ihr könnt mir helfen.....

    Edit: Es ist nur im Mozilla so, der INternet Explorer zeigt es richtig an ....
     
  2. 24. Mai 2007
    AW: CSS: bei Float verschwindet Hintergrund bild

    müsstest du das hg-bild nicht bei dem selben div-container definieren, wo auch das float:left steht?
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.