Runde Ecken mit Div und Bildern [3]

Die Lücke wird anscheinend durch #edge_right verursacht - wenn du das div entfernst, verschwindet auch die Lücke

Es scheint so, dass der IE das div #edge_right auf eine bestimmte Mindesthöhe ausdehnt, wenn height und float definiert sind - warum er das tut - keine Ahnung :/

Möglicher Workaround:

Wenn du das div mit einem geschützten Leerzeichen füllst:

<div id="edge_right">&nbsp;</div>

Dann kannst du die Höhe auch über line-height erreichen:

#edge_right{
line-height:6px;
background: url(bilder/edge_right.gif) no-repeat;
margin-top:-1px;
}

Dann zeigt der IE das div tatsächlich nur in einer Höhe von 6px an. Das Hintergrundbild müsste dann die gesamte Breite einnehmen, so dass du auch auf float verzichten kannst

Und mein anders Problem ist,
dass wenn ich innerhalb meines main content bereichtes vom container in html attribut wie z.B. <p> oder Formular-Attribute benutze entsteht eine Spalte, manchmal nur oben, manchmal nur unten oder wie im Beispiel unten und oben.

Beispiel:
http://chrisssss.ch.funpic.de/cms/login/images/container/container.htm

Wär klasse wenn mir da jemand weiterhelfen könnte

Beste Grüße
Chris

Wow, thank you so much.

Aber muss ich das jetzt für jeden html tag einzeln machen, den ich verwende, also

#container_main p{
margin: 0;
}
#container_main h1{
margin: 0;
}
#container_main h2{
margin: 0;
}
...
?

Und wie siehts aus mit png graphiken? da überlagert sich alles.

Schöne Grüße und einen frohen Rosenmontag,
Chris

thanks, ich hab jetzt mal die selbe seite genommen und die gifs durch pngs ersetzt:

http://chrisssss.ch.funpic.de/cms/login/images/container/png_container.htm

Ist das ein Bug im css? oder gibt es ne möglichkeit das mit pngs hinzukriegen?