• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zu dumm für DIV, wer findet den Fehler?

beautiful

Neues Mitglied
Hi Leute,

das ist mein erster Beitrag hier
smile.gif


Ich habe vor ein paar Wochen damit begonnen mich intensiv mit HTML und Photoshop auseinanderzusetzen.

Ich dachte eigentlich die Basics sitzen bei mir, aber Ich habe hier nen Fehler der mich grade in den Wahnsinn treibt
smile.gif


Das ist mein Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Der Fettverbrennungsofen</title>

<style>
h1,h2{color:#c71c12};

#wrapper {
background-color:green;
width: 30px;
}
</style>
</head>


<body>


<div id="wrapper">




<h2>Das ist ein Test</h2>

</div>


</body>
</html>


Mein Problem ist nun, dass in Dreamweaver in der Vorschau korrekt ein DIV mit grünem Hintergrund angezeigt wird, der Text versucht sich dem anzupassen.

Wenn Ich aber auf Vorschau in Firefox gehe, ist vom Div keine Spur und der Text steht lediglich als komplette Zeile, unformatiert da.

Ich kapiers nicht. Wäre um Hilfe echt dankbar.

lg, beautiful
 
Ist doch klar dass das nicht funktioniert, wenn der #wrapper eine Breite von 30px hat. Entferne die Eigenschaft (dann geht der div über komplette Breite), gib ihm eine größere Breite damit die Headline da rein passt oder nimm einen <strong> oder <span>, dann brauchst du dem #wrapper nurnoch einen padding geben und dann passt sich die Breite des #wrappers an den Text an.

Allgemein noch ein Tipp: Benutze nicht die Vorschau-Funktion von Dreamweaver! Lieber gleichzeitig mit Browser entwickeln (es soll ja nachher im Firefox usw. gut aussehen und nicht in der internen Dreamweaver-Vorschau)

Lass uns das fertige Ergebnis mal betrachten und bei weiteren Fragen einfach melden :)

Grüße
 
Moin,

das ist noch ein Fusselfehler im CSS:
HTML:
h1,h2{color:#c71c12};
Das Semikolon (;) hat hinter der Klammer nichts zu schaffen.
 
Zurück
Oben