zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden CSS bei float verschwindet HG bild

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2007, 14:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2007
Beiträge: 6
C0dEx befindet sich auf einem aufstrebenden Ast
Standard CSS bei float verschwindet HG bild

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 ....
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.05.2007, 14:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Nein, der IE zeigt es falsch an, Mozilla macht es richtig. Lies Dir in der FAQ http://xhtmlforum.de/40267-faq-haeuf...d-haeufig.html die Grundlagen zu Float durch (Punkt 2).

Ansonsten ist dein Quellcode eine ganz schlimme DIV-Suppe...

Robin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2007, 14:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2007
Beiträge: 6
C0dEx befindet sich auf einem aufstrebenden Ast
Standard

ja das ist erstmal das Grob Design...das wird alles noch vernpftig gemacht. Is momentan noch bissel "hingeklatscht" alles
Mit Zitat antworten
  #4 (permalink)  
Alt 25.05.2007, 13:15
firehorse
Gast
 
Beiträge: n/a
Standard Nie begreifen das...

Zitat:
Zitat von C0dEx Beitrag anzeigen
ja das ist erstmal das Grob Design...das wird alles noch vernpftig gemacht. Is momentan noch bissel "hingeklatscht" alles
Warum nicht gleich anständig? Ist doch doppelte Arbeit...

Da mein Framework noch auf sich warten lässt, empfehle ich gerne yaml weiter. Man lernt ja von einander.. außerdem könnte ich den Float, die Funktionen und den Bug nicht besser beschreiben.

Zitat:
<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>
Hier würde ich auf Listenpunkte, Bullet Liste oder eine Definitionsliste zurückgreifen. Table kann man sich dann da sparen..

bye
firehorse

Geändert von firehorse (25.05.2007 um 13:20 Uhr) Grund: vergessen
Mit Zitat antworten
  #5 (permalink)  
Alt 25.05.2007, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2007
Beiträge: 6
C0dEx befindet sich auf einem aufstrebenden Ast
Standard

Joa ich bin halt noch ein Neuling in sachen CSS...danke für die geniale Hilfe hier die Links sind sehr hilfreich....

ich hab wohl eine menge zu lesen
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ein mit HTML eingebundenes Bild mit CSS ausblenden marcp CSS 4 25.09.2010 19:08
Problem mit CSS relative, absolute & float FrageHabe CSS 3 13.08.2010 15:40
IE7 Float - Element verschwindet FortyTwo CSS 2 22.04.2010 18:12
2 CSS Files -> 1 CSS File Habi CSS 7 17.02.2010 16:25
Zeilenumbruch bei horizontal nebeneinanderliegenden divs GrafZahl Knowledge Base 10 16.07.2004 17:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:20 Uhr.