hallo zusammen, ich bin der neue :)

mein problem ist folgendes: als blutiger anfänger versuche ich mich gerade an einer site in xhtml und css.
ich habe den ersten entwurf gemacht; im ie wird alles so angezeigt, wie ich das wollte- aber firefox und konsorten (netscape, opera) bauen mir leerräume in meine box- zwischen der navi und der inhaltbox einerseits und zwischen head und oberem boxende andererseits.
hier habe ich den entwurf geparkt, damit ihr euch ein bild machen könnt:

http://www.hommesfoto.de/firefoxtest.html

zur veranschaulichung habe ich den hintergrund orange gefärbt, das bleibt natürlich nicht so....
ich murkse an diesem problem schon seit tagen rum, krieg´s nicht auf die reihe!
kann mir jemand helfen? das muss doch irgendwie ohne diese zwischenräume gehen.... ist sicher nur ein ganz dummer syntax/css fehler, auf den ich einfach nicht komme.

vielen dank schonmal;

ein entnervter

matthias

IE interpretiert padding falsch (d.h. nicht wie die offiziellen W3C recommendations). Das ist nichts neues...

Siehe div. Artikel zum Thema "box model hack":

http://www.positioniseverything.net/articles/box-model.html
http://glish.com/css/hacks.asp
http://tantek.com/...es/boxmodelhack.html

hallo ganesh,

danke für die antwort!

das ist mir durchaus bekannt; das einzige "padding", was sich auf der testseite auf das vertikale padding bezog, nämlich "padding:0px" im body (sh.css), habe ich jetzt entfernt- das problem besteht immer noch. zudem ist es ja gerade der internet explorer, der die sache richtig anzeigt! (oder sagen wir mal: so, wie ich es haben will)

was könnte ich noch ändern, damit auch die geckobrowser zufrieden sind?

gruss matthias

Hallo Matthias,

ergänze mal noch für h1 margin:0px

h1 {font-size:14px; text-align:left; padding-left:20px;margin:0px}

Damit verschwindet der Abstand zwischen #navi und #main.

Gruß Sabine

sabine, du bist spitze!

ganz herzlichen dank, das klappt. *steinvomherzenfällt*

gruss matthias