Frage stellen

Margin funktioniert nu mit rahmen

1.5k Aufrufe
Gefragt in Webseiten HTML von derice322 Einsteiger_in (3 Punkte)
Ich bin grade dabei eine Newspage zu programmieren. unter anderem gibt es auf dieser (wie nicht anders zu erwarten) einen hintergrund. meiner besteht aus 3 teilen.
Allerdings sind bekomm ich diese drei teile (was ich auch tue) nicht zusammengefügt sondern es bleibt immer ein abstand dazwischen. Dann haeb ich also versucht festzustellen an welchem teil dies liegt und habe rahmen darum gezogen und auf einmal waren die abstände verschwunden. Allerdings machen sich solche rahmen nicht wirklich gut in dem layout. Wenn ich sie aber entferne entstehen wieder die abstände. Nach einigem rätseln ist mir aufgefallen, dass auch das margin eines in das oberste teil eingelassenen <div>s nur funktioniert, wenn ein rahmen um das oberste teil ist.

http://bicaf.bplaced.net/filemanager/ohnerahmen.jpg
http://bicaf.bplaced.net/filemanager/rahmenoben.jpg
http://bicaf.bplaced.net/filemanager/rahmenmitte.jpg

CSS code:
div#oberteil {
background-image:url(ebgo.png);
height:50;
width:800;
margin:0;
padding:0;
}

div#oberteilblende {
top:3px;
height:40px;
width:750;
margin:auto;
background-image:url(ecbg.png);
margin-top:7px;
}

div#nmittelteil {
width:800px;
background-image:url(hbgm.png);
margin:0;
padding:0;
border:1px ridge red;
}

div#unterteil {
height:25px;
width:800px;
background-image:url(ebgu.png);
margin:0;
padding:0;
}

viele Grüße

Zulnak

3 Antworten

0 Punkte
Beantwortet von
Dein CSS ist nicht valide! Fehlerhaften Quellcode kann aber jeder Browser so interpretieren, wie er mag.

Bsp: height:50;
50 was? px, cm, %, em, ex, inch, mm, m, ... stehen zur Auswahl

Für solche Fragen gibt es erst einmal Validatoren
0 Punkte
Beantwortet von son_quatsch Experte (5.3k Punkte)
Alles was du nicht definierst kann jeder Browser unterschiedlich auslegen. Folgende drei Sachen haben auch völlig unterschiedliche Auswirkungen:

border: 1px ridge red;
Erzeugt einen Rahmen von 1px Breite.

border: 0;
Legt die Rahmendicke auf 0px fest. Die bloße Zahl "0" reicht aus, da sie sämtliche zusätzlichen Informationen hinfällig werden lässt, wie z.B. Farbe, Maßeinheit oder Art.

(keine Angabe)
Undefiniert - der Browser könnte einen Rahmen darstellen oder auch nicht - egal ob mit Farbe oder transparent (ist in dem Sinne auch eine Farbe) und egal wie breit.
0 Punkte
Beantwortet von
ja, da stehen ja auch 3 unterschiedliche Angaben, wen wunderts, wenn das 3 verschiedene Ergebnisse bringt ;-)

für keine Angaben gibt es übrigens allgemeine Vorgaben (Standard-CSS), der Browser handelt dann nicht willkürlich, das ist also durchaus nicht "egal". So wirst du kaum ein CSS finden, in dem jemand die Schreibrichtung auf links nach rechts festlegt, dass <body> ein Blockelement ist oder dass <title> nicht dargestellt wird. Genauso gilt, dass die meisten Elemente standardmäßig keinen Rahmen haben, <img> innerhalb <a> allerdings schon.
...