nicht angemeldet
Probleme mit CSS positionierung
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>
-
Grüße,
Mein Problem ist gibt es eine möglichkeit die Div´s ohne eine positionierung von -XXXXpx; auszurichten?
bisshen präziser - "ausrichten" ist nicht unbedingt aussagekräfritgt. "kann man essen kochen" ist auch keine frage^^
P.S: du ahst zu viele grafiken - da kann man einiges durch text und CSS ersetzen.
MFG
bleicher-
Grüße,
Mein Problem ist gibt es eine möglichkeit die Div´s ohne eine positionierung von -XXXXpx; auszurichten?
bisshen präziser - "ausrichten" ist nicht unbedingt aussagekräfritgt. "kann man essen kochen" ist auch keine frage^^
P.S: du ahst zu viele grafiken - da kann man einiges durch text und CSS ersetzen.
MFG
bleicherok das mit CSS direkt die grafiken machen wäre eine einfache möglichkeit vielen dank scho mal hab wieder zu schwer gedacht bin ja leider auch erst anfänger danke
-
-
Hi,
Mein Problem ist gibt es eine möglichkeit die Div´s ohne eine positionierung von -XXXXpx; auszurichten?
es gibt keinen Grund die Divs für Dein Layout überhaupt zu positionieren. Wieviel weisst Du über float, paddding, margin, sowie Hintergrund-Bilder...?
Gruesse, Joachim
--
Am Ende wird alles gut.
