-
Ich habe Darstellungsprobleme mit mehreren Divs
die cih in den Content gelegt habe.....
Die Überschrift wird in div=cont 1 nicht angezeigt und die anderen floaten falsch...
<div id="maincontent">
<div id="left"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<div id="content"><jdoc:include type="component" /><jdoc:include type="message" />
<div id="cont1"><jdoc:include type="modules" name="user1" style="xhmtl" /></div>
<div id="cont2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div id="cont3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
<div id="cont4"><jdoc:include type="modules" name="user4" style="xhtml" /></div>
</div>
...
das css dazu...
#cont1 {
width: 238px;
float: left;
background-color: #fff;
padding: 25px 5px 5px 20px;;
/*height: 100px;*/
margin-right: 6px;
border-right: double 1px #CCCCCC;
border-bottom: double 1px #999999;
}
#cont2 {
width: 233px;
float: left;
background-color: #fff;
/*height: 100px;*/
margin-right: 6px;
margin-left: 6px; /* ####### überzähliges Pixel #############*/
border-right: double 1px #CCCCCC;
border-bottom: double 1px #999999;
}
#cont3 {
width: 233px;
float: left;
background-color: #fff;
/*height: 100px;*/
margin-right: 11px;
margin-left: 5px;
border-right: double 1px #CCCCCC;
border-bottom: double 1px #999999;
}
#cont4 {
width: 238px;
float: right;
background-color: #fff;
border-right: double 1px #CCCCCC;
border-bottom: double 1px #999999;
/*height: 100px;*/
}
weiß jemand den richtigen Weg?
lg
Carel
-
-
Gehört zum Inventar
-
-
Moderator
Was sollen wir mit dem bisschen Code? Einen Link, wie Helrunar schon sagt. Bist doch schon ein paar Tage dabei und müsstest wissen, das wir mit sowas wie oben, nicht allzu viel anfangen können.
Axel
-
-
-
-
Gehört zum Inventar
Schalt mal bitte die Slideshow aus, da man ansonsten nicht wirklich mit Firebug drüberschauen kann. Ich hasse es wenn im FB der Code das Springen anfängt
-
-
Slideshow ist aus.
Im übrigen...sehr schöne Gestaltung, deine Projekte...
-
-
Moderator
User1 bis 4 ist meines Erachtens überflüssig. Aus den vier einen machen. Alle Module werden unter einander angezeigt. Gibt also keinen Grund, das anders zu machen. Oder mir ist unklar, wo sie stattdessen stehen sollen?
Der generelle Weg:
DIV GANZ AUSSEN
DIV SAMMEL-CONTAINER 1
DIV INNEN 1 /DIV
DIV INNEN 2 /DIV
...
/ ENDE DIV SAMMEL-CONTAINER 1
NEUES DIV SAMMEL-CONTAINER 2
DIV INNEN 1 /DIV
...
/ENDE DIV SAMMEL-CONTAINER 2
/ ENDE DIV GANZ AUSSEN
Usw.
Also die Teile, die zuammengehören und nebeneinander liegen mit einem DIV umschließen.
Danach folgt eine neue Zeile mit neuem DIV. Einzeln über die ganze Breite gehend oder wieder ein Sammel-Container mit mehreren DIVs, die nebeneinander liegen.
Da scheint bei dir zu fehlen, weswegen dann die Module alle einfach nach unten gepackt werden.
Punkt zwei: "float:left" bedeutet nicht, dass der zweite DIV automatisch am Ende vom ersten DIV gehängt wird, sondern lediglich, dass beide nebeneinander stehen können. Du musst aber beim zweiten ein "margin-left: [Breite des ersten DIVs]" mitgeben.
Axel
-
-
Gehört zum Inventar
-
Berechtigungen
- Neue Themen erstellen: Nein
- Themen beantworten: Nein
- Anhänge hochladen: Nein
- Beiträge bearbeiten: Nein
Foren-Regeln
Lesezeichen