[HTML] bleibe hängen ;)

Dieses Thema im Forum "Webentwicklung" wurde erstellt von -=LuIgI=-, 16. Juli 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 16. Juli 2008
    bleibe hängen

    Habe mal ne Frage, wo habe ich den Fehler gemacht,
    eigentlich sollte sich der Breich hinter dem Text jetzt verfärben...

    Gruß LuIgI
     
  3. 16. Juli 2008
    AW: bleibe hängen

    da ist schonmal einer...
     
  4. 16. Juli 2008
    AW: bleibe hängen

    Hi -=LuIgI=-,
    das liegt daran, dass du im CSS-Teil die Eigenschaft falsch geschrieben hast, "background -color" gehört zusammen, ohne Leerzeile dazwischen, dann funktioniert es auch.

    MfG bR0k3n_b0n3
     
  5. 16. Juli 2008
    AW: bleibe hängen

    außerdem fehlt oben ein strich beim öffnen des html-kommentars:
    <!- muss <!-- sein
    und ich persönlich würd das html-kommentar-zeugs einfach weglassen, einen so alten browser gibt es nicht mehr, dass das nötig wäre
     
  6. 16. Juli 2008
    AW: bleibe hängen

    so habe es jetzt geändert.

    Aber das rote im kopbereich wird immer noch nicht angezeigt
     
  7. 16. Juli 2008
    AW: bleibe hängen

    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="de" lang="de">


<head>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

<title>Forstbetrieb</title>

<style type="text/css">

#kopfbereich {
background-color: red;
}

#steuerung {
background-color: yellow;
}

#schatten {
background-color: orange;
}

#inhalt {
background-color: green;

</style>

</head>

<body>

<div id="kopfbereich">
<p>Säulenbauten des 20. Jahrhunderts</p>
</div>

<div id="steuerung">
Steuerung
</div>

<div id="schatten">
Hier kommt der Schatten später
</div>

<div id="inhalt">
Der eigentliche Inhaltsbereich
</div>

</body>


</html>
    funzt alles!


    das kommentar in css geht auch so: /* Kommentar */
    außerdem ist an der stelle ein kommentar schwachsinn.
     
  8. 16. Juli 2008
    AW: bleibe hängen

    Das Versteh ich nicht
     
  9. 16. Juli 2008
    AW: bleibe hängen

    das ist in etwa das was ich dir sagen wollte, nur nicht ganz so schön ausgedrückt ^^
    du fügst um deinen css code einen html-kommentar ein
    das war früher mal gängig und steht leider noch in vielen tutorials
    sinn der sache war einmal, dass ältere browser, die kein css kennen, nicht mit unnötig vielen fehlern um sich schmeißen
    das gleiche wurde früher auch bei javascript gemacht
    aber solche browser benutzt wirklich garkeiner mehr
    selbst der IE5 (der wahrscheinlich älteste browser dessen nutzungs-statistik noch messbar ist) kennt css
    deshalb kannst du das weglassen

    P.S.: "das rote im kopbereich" wird bei mir angezeigt...
     
  10. 16. Juli 2008
    AW: bleibe hängen

    Ich habe es jetzt genau so:

    HTML:
    <html>


 <head>
 
 <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
 
 <title>Forstbetrieb</title>
 
 <style type="text/css">
 <!—-
 
 #kopfbereich {
 background-color: red;
 }
 
 #steuerung {
 background:url(Wiener_Wald_01.jpg) no-repeat left top;
 height:150px;
 }

 #schatten {
 background-color: orange;
 }

 #inhalt {
 background-color: green;
 }

 -->
 </style>

 </head>

 <body>
 
 <div id="kopfbereich">
 <p>Säulenbauten des 20. Jahrhunderts</p>
 </div>

 <div id="steuerung">
 Steuerung
 </div>

 <div id="schatten">
 Hier kommt der Schatten später
 </div>

 <div id="inhalt">
 Der eigentliche Inhaltsbereich
 </div>

 </body>


</html>
    und bei mir will es einfach nicht Rot werden, in Firefox und im Explorer nicht

    Gruß
     
  11. 16. Juli 2008
    AW: bleibe hängen

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
 <head> 
 <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> 
 <title>Forstbetrieb</title> 
 <style type="text/css"> 
 #kopfbereich { 
 background-color: red; 
 } 
 
 #steuerung { 
 background: url('Wiener_Wald_01.jpg') no-repeat left top; 
 height: 150px; 
 } 
 
 #schatten { 
 background-color: orange; 
 } 
 
 #inhalt { 
 background-color: green; 
 }
 </style> 
 </head> 
 <body> 
 <div id="kopfbereich"> 
 <p>Säulenbauten des 20. Jahrhunderts</p> 
 </div> 
 
 <div id="steuerung">
 Steuerung
 </div> 
 
 <div id="schatten"> 
 Hier kommt der Schatten später 
 </div> 
 
 <div id="inhalt"> 
 Der eigentliche Inhaltsbereich 
 </div> 
 </body> 
</html>
    getestet in gecko (2008 ), IE7 und IE6
     
  12. 16. Juli 2008
    AW: bleibe hängen

    Damit das Feld angeziegt wird muss man drin Stehen, oder?
    Weil wenn ich in einem Feld nichts stehen ahbe wir es auch nicht farbig angeziegt.
    Kann ich solch ein Feld erzeugen ohne das was drin steht?

    Gruß
     
  13. 17. Juli 2008
    AW: bleibe hängen

    ja, gibt 2 möglichkeiten:
    1. du schreibst &nbsp; rein (das ist ein leerzeichen)
    2. schöner: du gibst der box einfach eine höhe (height: 20px; z.B.)
     
  14. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.