Div Container ausrichten

susi04

Hallo,
habe gerade vor einen Div-Container mit margin-top nach unten zu setzen. wenn ich mir das im IE anschaue klappt es auch super nur wenn ich es im Firefox anschaue macht der das nich...

also quelltext sieht so aus...

so also der banner container befindet sich in dem wrapper und da soll der banner nach unten gesetzt werden...

hoffe hier kann mir jemand helfen...

sejuma

Ist ohne Link immer schwer zu beurteilen. Ebenso hast du uns deinen CSS-Code nicht verraten.
Hast du einen qualifizierten Doctype?
Schreibe mal das in die allererste Quelltextzeile:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

susi04

also der css-code sieht so aus:
*{
margin:0px;
padding:0px;
}
#wrapper{
height:620px;
width:1024px;
margin-left: auto;
margin-right:auto;
margin-top:100px;
background-image:url(bilder/hintergrund.png);
}
#banner{
height:115px;
width:600px;
margin-left: auto;
margin-right:auto;
margin-top:50px; <-- das macht der nicht
border: thin outset #0033CC;
}

und das steht bei mir in der ersten Quelltextzeile:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

wie meinste das mit dem link?
die seite steht ja nicht im internet....

sejuma

Die Fehlerquellen können immer recht vielfältig sein. Besorg dir deshalb kostenlosen Webspace und lade die Seite hoch.
Die Autowerkstatt muss sich ja auch erst das Auto ansehen, um zu diagnostizieren wo der Fehler liegt.

Kämpfer

Nimm immer für HTML Css die zwei Links in meiner Signatur, wenn beide grün sind sollte das Design passen. XHTML Doctype verwendest du ja, aonsonsten nimm den html 4er von sejuma

driver

Zitat

wenn beide grün sind sollte das Design passe

falsch. wenn beide grün sind passt der code. ob des design/layout dann passt
kann man nicht kontrollieren. das muss man schon sehen, ob da irgendwo n stück
fehlt oder nicht...

koslowski

Hi,

das sind Collapsing Margins.

Du kannst das verhindern indem du z.B. #wrapper einen 1px breiten Rahmen in der Farbe des Hintergrundes gibst.
Rahmen verhindern Collapsing Margins.

Oder man nimmt padding statt margin wenn's geht.
In deinem Fall padding-top für #wrapper, dann mußt du das margin-top für #banner aber streichen..

susi04

danke koslowski
das hat funktioniert....

Kämpfer

Zitat von driver

falsch. wenn beide grün sind passt der code. ob des design/layout dann passt
kann man nicht kontrollieren. das muss man schon sehen, ob da irgendwo n stück
fehlt oder nicht...

Tschuldige, bei mir war es bisher immer so, aber selbstverständlich müssen die berechnungen auch genau stimmen. und alles zusammenpassen, gecleart werden bei floaten etc... Weiterhelfen tuts ja eventuell trotzdem.

Tags