nicht angemeldet
Hallo zusammen,
Ich habe ein kleines Problem mit CSS, bzw. eine Frage.
auf meiner Homepage: Thomania
Die einzelnen Grafiken sind via Div´s eingefügt.
Mein Problem ist gibt es eine möglichkeit die Div´s ohne eine positionierung von -XXXXpx; auszurichten?
CSS Code:
/*Hintergrund, Layout-------------------------------------------*/
/*----------------------Body*/
body
{
background-color:#FFFFFF;
}
/*----------------------Background*/
.layout001
{
postion: absolute;
background-color:#000000;
width:1200px; height: 1200px;
margin: auto;
}
/*----------------------Auge*/
.layout002
{
position: relative;
top:-40px;
left:-50px;
float: none;
z-index: 1;
}
/*----------------------Top*/
.layout003
{
position: relative;
width: 1000px;
height: 417px;
top:-320px;
left:100px;
float: none;
z-index: 2;
}
/*----------------------Logothomania*/
.layout008
{
position: relative;
top:-580px;
left:350px;
float: none;
z-index: 2;
}
/*----------------------Hauptseite*/
.layout004
{
position: relative;
width: 1000px;
height: px;
top:-570px;
left:100px;
float: none;
z-index: 1;
}
/*----------------------Hauptkategorie*/
.layout005
{
position: relative;
top:-1585px;
left:110px;
float: none;
z-index: 2;
}
/*---------------------- Unterkategorie*/
.layout006
{
position: relative;
top:-1640px;
left:30px;
float: none;
z-index: 2;
}
/*---------------------- Unterkategorieunsichtbar*/
.layout0061
{
position: relative;
top:-1640px;
left:30px;
visibility:hidden;
float: none;
z-index: 2;
}
/*---------------------- Unterkategorie*/
.layout007
{
position: relative;
top:-424px;
left:230px;
float: none;
z-index: 5;
}
/*---------------------- Übersichtbildergallerie*/
.layout009
{
position: relative;
top:-2200px;
left:430px;
float: none;
z-index: 5;
}
/*---------------------- Bildergallerie*/
.Bildergallerie
{
position: relative;
top:-2150px;
left:230px;
float: none;
z-index: 5;
}
<body>
<div class="layout001">
<div class="layout002"><img src="Layout/layoutauge.png"></div>
<div class="layout003"><img src="Layout/layoutoben.png"></div>
<div class="layout008"><img src="Layout/logothomania.png" width="500"></div>
<div class="layout004"><img src="Layout/layoutunten.png" ></div>
<div class="layout005"><img src="Layout/layouthauptkategorie.png">
<div id="text001">
<a href="index.php"><font color="##66ccff">Startseite</font> </a>   
<a href="Bilder.php">Bilder</a>   
<a href="Referenzen.php">Referenzen</a>   
<a href="Kontakt.php">Kontakt</a>   
<a href="Preise.php">Preise</a>    
<a href="Impressum.php">Impressum</a>    
</div>
</div>
<div class="layout0061"><img src="Layout/layoutunterkategorie.png" width="250" height="400">
<div id="text002">
<a href="test.php">test</a> <br>
<a href="test.php">test</a> <br>
<a href="test.php">test</a> <br>
<a href="test.php">test</a> <br>
<a href="test.php">test</a> <br>
</div>
</div>
<div id="textfeld001">
<br>
Neuigkeiten:<br>
<br>
<br>
09.06.2011<br>
<br>
Neue Bildergallerie in der Rubrik Frauen<br>
<a href="Personen/Frauen.php"><font color="##66ccff">hier gehts zu den Bildern</font> </a><br>
<br>
<br>
<br>
04.06.2011<br>
<br>
Neue Bildergallerie in der Rubrik Referenzen<br>
<a href="Referenzen/tsvlbg.php"><font color="##66ccff">hier gehts zu den Bildern</font> </a><br>
<br>
<br>
<br>
</div>
</div>