Probleme mit dem Boxmodell

[Frank85]

Hallo Leute,

ich hab ein Problem, dass ich aber nicht so wirklich lösen kann, weil ich keine richtige Idee habe.

Ich habe ein div ohne Rahmen mit einer festen Breite, darin möchte ich ein div mit Rahmen haben, was aber auch über die gesamte Breite geht, aber nicht außerhalb des anderen divs.

  
<div id="cont" style="position:absolute;  z-index:2; top:200px;left:200px;right:200px;bottom:200px; background-color:#C0C0C0">  
<div style="position:relative; border: 1px solid grey;top:0; left:0; width:100%; height:24px;padding:0;margin:0;">  
</div>  
</div>

Das Problem ist hier, dass der Rahmen somit außerhalb des großen divs ist (ca. 2px)

Hat dafür jemand eine Lösung, wie ich die Breite des anderen divs richtig anpassen kann?

Grüße
Frank

[suit]

Hat dafür jemand eine Lösung, wie ich die Breite des anderen divs richtig anpassen kann?

100% + 1px rahmen links und 1px rahmen rechts = > 100%

versuchs mal mit width: auto

[Sven Rautenberg]

Moin!

Hat dafür jemand eine Lösung, wie ich die Breite des anderen divs richtig anpassen kann?

100% + 1px rahmen links und 1px rahmen rechts = > 100%

versuchs mal mit width: auto

Das wäre das, was ein DIV standardmäßig sowieso hat. Wozu nochmal extra angeben?

- Sven Rautenberg

[suit]

Das wäre das, was ein DIV standardmäßig sowieso hat. Wozu nochmal extra angeben?

ggf wurde es vorher durch etwas anderes überschrieben - oder es wurde einfach nur grundlos width: 100%; eingefügt - aber du hast natürlich recht ;)

[Frank85]

Das wäre das, was ein DIV standardmäßig sowieso hat. Wozu nochmal extra angeben?

ggf wurde es vorher durch etwas anderes überschrieben - oder es wurde einfach nur grundlos width: 100%; eingefügt - aber du hast natürlich recht ;)

Vielen Dank für die Antwort, das hat mein Problem in der Breite behoben.

Allerdings hab ich noch ein Problem:
Wenn ich im inneren div, noch ein div reinsetze und diesem dann einen nur einen border-left verpasse, dann ist dieser auch um 2px zu tief.

Das ist der Code für das innere div:
<div style="position:absolute; border-left: 1px solid grey; top:0; right:0; margin:0px"><a href="..."><img style="border:none;padding:0;margin:0;" src="zum Bild das nicht größer als 22px ist alt="" /></a></div>

Wie kann ich das lösen?

PS: Hab dem Bild einen Rahmen verpasst und der wäre auch ok, aber warum ist das beim div ein Problem mit dem Border?