11.07.2008, 13:49
|
||||
|
||||
Hallo
Du köntest hingehen und die beiden Boxen in ein Div werfen dem du folgende Angaben gibst um zu zentrieren. Würde dann so aussehen: Code:
<div id="content"> <div id="zentrierung"> <div id="leftbox">Diese beiden Boxen sollen in der mitte stehen.</div> <div id="rightbox">Diese beiden Boxen sollen in der mitte stehen.</div> </div> </div> Code:
margin: 0 auto;
__________________
Ich bin online  Kleine Erklärung warum der DOCTYPE so wichtig ist Gute XHTML/CSS Einführung 
|
|
11.07.2008, 14:15
|
|||
|
|||
|
Sixeco, du schriebst im Ausgangstext, dass die linke Box und die rechte Box innerhalb eines umrahmenden Containers zentriert werden sollen.
Zentriert heißt, dass die beiden Boxen sich vom Mittelpunkt des Elternbereichs aus nach links bzw. rechts ausdehnen sollen. Hab ich dich soweit richtig verstanden?
|
|
11.07.2008, 15:25
|
|||
|
|||
|
Da die automatische Blockelement-Zentrierung über margin: 0 auto bei Floats nicht geht, bliebe noch die manuelle Zentrierung der beiden inneren Boxen. Da dir ja die Breiten dieser beiden inneren Boxen bekannt sind, lassen sich die hierfür erforderlichen Abstände nach links bzw. rechts leicht errechnen und als Margins zuweisen.
Beispiel: Die Gesamtbreite der inneren Boxen beträgt 900px. Der Rest von (1000px - 900px) = 100px wird hälftig als margin-left der links floatenden linken Box bzw. als margin-right der rechts floatenden rechten Box zugewiesen. Beispielsweise könnte das so aussehen: Code:
<style type="text/css" media="screen, projection">
body {
text-align: center;
}
#wrapper {
text-align: left;
width: 1000px;
margin: 0 auto;
border: 1px solid #d3d3d3;
}
#links {
float: left;
width: 450px;
margin-left: 50px;
background-color: #eee;
}
#rechts {
float: right;
width: 450px;
margin-right: 50px;
background-color: #eee;
}
</style>
<div id="wrapper">
<div id="links">links</div>
<div id="rechts">rechts</div>
</div><!-- /wrapper -->
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 19:29 |
| Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 16:53 |
| Header entfernen | tripple | CSS | 17 | 15.06.2010 15:41 |
| #boxes a:hover.info: 2.posting mit css !!! | marioN | CSS | 5 | 25.01.2004 17:04 |
| #box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, | marioN | CSS | 2 | 19.01.2004 17:17 |
Linear-Darstellung
