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

html.de-Forum HTML, XHTML & CSS
1

Hi Leute,

das ist mein erster Beitrag hier http://www.homepage-forum.de/images/smilies/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 http://www.homepage-forum.de/images/smilies/smile.gif

Das ist mein Code:

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

#wrapper {
background-color:green;	
width: 30px;

}

Das ist ein Test

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

2

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 oder , 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 :slight_smile:

Grüße
3

Moin,

das ist noch ein Fusselfehler im CSS:
[html]
h1,h2{color:#c71c12};
[/html]
Das Semikolon (;) hat hinter der Klammer nichts zu schaffen.