Css- Border und Prozentangaben

ich habe ein Problem. ich möchte mehrere Container nebeneinander anordnen und benutze dazu Prozentangaben, um den gesamten bereich zu nutzen. nun hat jeder dieser Container einen Border. Dieser vergrößert aber irgendwie den container weil er sich draussen drumrumlegt. und dadurch kommt es zu überschneidungen weil die Prozente nicht mehr stimmen…
kann mir jemand helfen ?

danke

Hallo,

ich habe ein Problem. ich möchte mehrere Container
nebeneinander anordnen und benutze dazu Prozentangaben, um den
gesamten bereich zu nutzen. nun hat jeder dieser Container
einen Border. Dieser vergrößert aber irgendwie den container
weil er sich draussen drumrumlegt. und dadurch kommt es zu
überschneidungen weil die Prozente nicht mehr stimmen…

Richtig.

kann mir jemand helfen ?

Du solltest die Breiten der Container so wählen, dass sie in Summe nicht ganz 100% ergeben.
Wenn du keine Rahmen um die Container machst, kannst du auch border auf 0 setzen und den Abstand mit padding einstellen, kommt aber auf das genau Layout an ob das vernünftig ist oder nicht.

Grüße,
Moritz

Hallo

ich habe ein Problem. ich möchte mehrere Container
nebeneinander anordnen und benutze dazu Prozentangaben, um den
gesamten bereich zu nutzen. nun hat jeder dieser Container
einen Border. Dieser vergrößert aber irgendwie den container
weil er sich draussen drumrumlegt. und dadurch kommt es zu
überschneidungen weil die Prozente nicht mehr stimmen…
kann mir jemand helfen ?

Das liegt daran, dass der Internet Explorer
ein anderes Box-Modell als z.B. der Mozilla
verwendet. Abhilfe: einfach den Raum aufteilen
mit Padding- und Margin-freien Divs, und in
den Divs dann die anderen Elemente ent-
sprechend ‚padden‘.



wobei (css): .area {
padding: 0;
margin: 0;
}
.textelement {
padding: 4px;
margin: 0;
}sein könnte.

Grüße

CMБ