Hi,
also ich habe folgendes Problem: Ich versuche gerade zwei Divs (bzw. "uls") untereinander plazieren neben einer "Inhalts" Div.
Das allein ist kein Problem, ein größeres Div um beide "gespannt" und dann gehts. In dem Fall muss ich aber ohne "Extra" Div auskommen, da die Standardeigenschaft eigentlich vom einen float: right und vom anderen float: left ist, also beide den Inhalt umfließen sollen.
So schaut das nämlich normalerweise aus:
Templatevorschau (das ist nur ein beliebiges Template, aber die Struktur ist bisher immer dieselbe).
Ich wollte die gleichen Container nun anders positionieren und zwar so:
Also sind beide Container rechts positioniert und der Inhalt fließt um beide herum. Nur bekomm ich die Container nicht untereinander, das umfließen klappt zwar, aber dann landet ein Container links neben dem anderen und nicht darunter.
Wie bekomm ich das mit den vorhandenen Mitteln hin?
Danke
Achja, hier die entscheidenden Stellen:
also ich habe folgendes Problem: Ich versuche gerade zwei Divs (bzw. "uls") untereinander plazieren neben einer "Inhalts" Div.
Das allein ist kein Problem, ein größeres Div um beide "gespannt" und dann gehts. In dem Fall muss ich aber ohne "Extra" Div auskommen, da die Standardeigenschaft eigentlich vom einen float: right und vom anderen float: left ist, also beide den Inhalt umfließen sollen.
So schaut das nämlich normalerweise aus:
Templatevorschau (das ist nur ein beliebiges Template, aber die Struktur ist bisher immer dieselbe).
Ich wollte die gleichen Container nun anders positionieren und zwar so:
Also sind beide Container rechts positioniert und der Inhalt fließt um beide herum. Nur bekomm ich die Container nicht untereinander, das umfließen klappt zwar, aber dann landet ein Container links neben dem anderen und nicht darunter.
Wie bekomm ich das mit den vorhandenen Mitteln hin?
Danke
Achja, hier die entscheidenden Stellen:
Code: [Auswählen]
body
{
background-color: <?=$stylesarray[0][1];?>;
color: <?=$stylesarray[1][1];?>;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 0em 2em 0em 2em;
padding: auto;
}
...
div#Seite {
border: 1px <?=$stylesarray[15][1];?> <?=$stylesarray[14][1];?>;
border-top: 0px;
margin: 0 auto;
width: 900px;
align: center;
background-color: <?=$stylesarray[13][1];?>;
z-index: 100;
}
...
ul#Navigation {
background-color: <?=$stylesarray[4][1];?>;
color: <?=$stylesarray[7][1];?>;
border: 1px <?=$stylesarray[6][1];?> <?=$stylesarray[5][1];?>;
float: left;
width: 13em;
margin: 1em;
padding: 0.2em;
text-align: left;
z-index: 3;
}
...
div#Inhalt {
background-color: <?=$stylesarray[13][1];?>;
color: <?=$stylesarray[16][1];?>;
margin: 0em;
padding: 1em 18em;
text-align: justify;
z-index: 1;
}
...
ul#Shoutbox {
background-color: <?=$stylesarray[4][1];?>;
color: <?=$stylesarray[7][1];?>;
border: 1px <?=$stylesarray[6][1];?> <?=$stylesarray[5][1];?>;
float: right;
width: 11em;
margin: 1em;
padding: 0.2em;
text-align: left;
z-index: 2;
}
