Text in div anordnen

[Raucherkrebs]

Hallo Forum,

ich möchte in einem DIV (Breite 750px, Höhe 200px) einen Text anordnen. Dieser soll 30px von oben und 30px von links innerhalb dieses DIV plaziert werden. Dazu habe ich den Text in ein weiteres DIV depackt.

Nun zeigt der IE es korrekt an aber der Firefox nicht. Woran kann das liegen?

<div id="screen"><div id="welcomeMessage">Wilkommen auf unserer Seite!</div></div>

CSS:

#welcomeMessage {
 color:#ffffff;
    font-size:30px;
 margin-left:15px;
 margin-top:40px;
 border: 1px solid #000000;
}

#screen {
    clear:both;
    background-image: url(/img/dunes_750x140.jpg);
    width:750px;
    height:140px;
}

[eddi]

Hallo,

...soll 30px von oben und 30px von links innerhalb dieses DIV plaziert werden.

margin-left:15px;
margin-top:40px;

fällt Dir selbst etwas auf?

Gruß aus Berlin!
eddi

[yetanotheruser]

Hallo

ich möchte in einem DIV (Breite 750px, Höhe 200px) einen Text anordnen. Dieser soll 30px von oben und 30px von links innerhalb dieses DIV plaziert werden. Dazu habe ich den Text in ein weiteres DIV depackt.

Da ist schon mal ein Div zu viel.

Nun zeigt der IE es korrekt an aber der Firefox nicht. Woran kann das liegen?

Was verstehst du unter korrekt. Im ersten Moment würde ich jetzt erstmal vermuten, der IE zeigt es wie gewünscht an und der FF korrekt.

<div id="screen"><div id="welcomeMessage">Wilkommen auf unserer Seite!</div></div>

<div class="header">Willkommen auf unserer Seite!</div>

div.header {
   color:#ffffff;
   font-size:30px;
   padding-left:30px;
   padding-top:30px;
   border: 1px solid #000000;
   background-image: url(/img/dunes_750x140.jpg);
   width:750px;
   height:140px;
}
Das clear brauchst du auch nicht. Es sei denn, du hast vor dem Header noch irgendwas, was du floaten läßt.

Gruß Ben