Wie geht's? Im gerade begonnen, ein bisschen über Joomla zu lernen und Im versuchen, meine divs vertikal auszurichten, wenn eine Vorlage zu machen. Das Problem ist, dass die rechte div ist ganz unten auf der Seite auf der rechten Seite und die Mitte div ist mindestens 1 Zeichen Höhe unter der linken div, die die einzige richtig ausgerichtet ist ausgerichtet. Ich kann auch das Fußzeilen-Div nicht sehen (vielleicht weil das Bild zusammen mit dem Text einfach schwarz ist). Das linke, rechte, mittlere und Fußzeilen-Div befinden sich in einem Container-Div. Ich habe es in der Vorschau in Firefox und obwohl der Container Bild und Grenzen sind genau dort, wo ich sie wollen, die div Inhalte sind alle über den Platz. Hier ist der css-Code, jede Hilfe mit diesem wäre großartig. Ill auch fügen Sie die Div ids und Struktur unterhalb der css awell. Vielen Dank im Voraus.
body{
margin: 0 auto;
background-color: #000000;
background-repeat: repeat;
text-align: center;}
#container {
width: 900px;
height: 759px;
margin: 0 auto;
border-left: 5px #ffffff solid;
border-right: 5px #ffffff solid;
background-repeat: no-repeat;
background-image: url(../slices/images/images/content-slice.jpg);}
#searchbox{
}
#header{
width: 900px;
height: 104px;
background-repeat: no-repeat;
background-image: url(../slices/Sf-Head-slice.jpg);
margin: 0 auto;
border-left: 5px #ffffff solid;
border-right: 5px #ffffff solid;
text-align: left;}
#header2{
width: 900px;
height: 108px;
background-repeat: no-repeat;
background-image: url(../slices/searchboxwithplayer-slice.jpg);
margin: 0 auto;
border-left:5px #ffffff solid;
border-right:5px #ffffff solid;
text-align: left;}
#footer{
width: 900px;
text-align: left;
margin: 0 auto;
height: 28px;
background-repeat: no-repeat;
background-image: url(../slices/images/footerslice.jpg);}
#left{
text-align: left;
margin: 0 auto;
width: 220px;
height: 752px;
float: left;}
#right{
text-align: left;
margin: 0 auto;
width: 220px;
height: 752px;
float: right;}
#center{
text-align: left;
margin: 0 auto;
height: 752px;
width: 400px;
}Hier sind die Divs
<body>
<div id="header">this is the header</div>
<div id="header2">this is header2
<div id="searchbox">this is the searchbox
</div>
</div>
<div id="container">this is the container
<div id="left">this is the left column</div>
<div id="center">this is the center column</div>
<div id="right">this is the right column</div>
<div id="footer">this is the footer</div>
</div>
</div>
</body>
