[cro4ky]

Mahlzeit

ich muss heute auch mal was fragen. Bis jetzt bin ich immer mit der Startseite recht gut gefahren, aber leider fehlen mir noch immer eine Menge von Erfahrungen und ich habe atm das folgende Problem (gekürzt zur veranschaulischung):

Ich möchte eine Box machen, die 100x100 Pixel groß ist. Um diese soll aber noch ein schöner Rahmen kommen. So weit so gut. In Mozilla klappt das auch. Dann ist das "Ding" 100x100 groß PLUS der Rahmen halt rings rum. In Opera sieht das aber anders aus. Da ist die Box nur noch 98x98 groß und der Rahmen liegt also quasi auf dem Rand.

Ich hätte es aber gerne genau so groß. Das Problem schein nicht schlimm zu sein?! Doch. Weil sobald ich Bilder der größer 100x?? einfüge klappt das nur in Mozilla. In Opera schauen die an der rechte Seite über den Rand hinaus. Das ist leider sehr ärgerlich. Macht man das Feld für Opera größer, dann ist in Mozilla wieder ein Abstand zum Rand dazwischen.

Lange Rede, kurzer Sinn: Wie kann ich In Opera eine Box mit border wirklich so groß machen, dass sie den width und height Angabe entspricht?


Hier mal das kurze Codeschnipselchen:

<div style="width: 100px; height: 100px; background-color: #16b; border: 1px solid #000;">
	<div style="width: 100px; height: 50px; background-color: #b61; border: 0px;">
	</div>
</div>

[raf]

Hi,

schaue mal unter diesen Link nach, findest eine CSS Refferenz speziell für Opera 7, bin sicher das du dort fündig wirst.

http://nontroppo.org/wiki/Opera7CSSIssues

Lg

starleos

[cro4ky]

Hmm .. danke erst mal für den Link. Ich konnte aber leider nichts zu den Thema finden. Hab unter Box alle abgegrast, und alles was mit Thema: Box, width, div oder border zu tun hatte. Leider nichts.

Bin aber gerade noch auf eine andere Sache gestoßen (doch wieder Startseite) : display: table; für das äußer div scheint zu funktionieren. Da muss ich zwar alles wieder umschreiben, aber das soll mich erst mal nicht stören.

Also trotzdem danke und bis zum nächsten mal.

[lycka]

Also das ganze liegt an einem kleinem Unterschied der Darstellung von Boxen im IE.
Der IE nimmt die Breite nämlich außen... einen Artikel, welcher dieses Thema näher behandelt und zugleich Hacks anbietet:

http://www.fabrice-pascal.de/artikel/ie5boxmodel/

Da du um Bilder einen Rahmen ziehen möchtest, könnte das auch noch interessant sein:
http://www.alistapart.com/articles/cssdropshadows/