Προβλημα με Τοποθετηση μεσα στο Div

kallileo

Προσπαθω να φτιαξω κατι συμφωνα με το tutorial του lunarmedia.
Ρε μαμωτο εχω κολλησει με ενα απλο positioning:

κώδικας:

<body class="body">
<div id="container">
<div id="header"></div>

<div id="content" >
<img src="Images/desk2.png" />

</div>
<div id="righhtbar"></div>
<div id="footer"></div>

</div>

#container {
margin: 0 auto;
padding: 0px;
width: 950px;
height:801px;
}

#header {
width: 950px;
height: 120px;
margin: 0;
padding: 0;
}

#content {
width: 800px;
height: 601px;
margin: 0;
padding: 0;
}

#righhtbar {
float:right;
width: 150px;
height: 601px;
margin: 0;
padding: 0;
}

#footer {
width: 950px;
height: 80px;
margin: 0;
padding: 0;
}

Οταν βαζω μια εικονα μεσα στο content που εχει το ιδιο μεγεθος το content το γινεται διπλασιο απο κατω. Εχω τρελαθει...δεν μπορει απλα να κατσει μεσα.....και γενικα εγω θελω τεσσερις εικονες που θελω να μπαινουν η μια πανω στην αλλη και οχι η μια απο κατω απο την αλλη.

Expl0it · Στις: 09 Μαρ 2007 06:44 Θέμα:

Για δοκίμασέ το έτσι :

κώδικας:

kallileo · Στις: 19 Μαρ 2007 11:28 Θέμα:

Εχοντας αυτα:
.Layer1 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
z-index:1;
background-color: #003399;
}
.Layer2 {
position:absolute;
left:800px;
top:0px;
width:150px;
height:601px;
z-index:2;
background-color: #00FF00;
}
.Layer3 {
position:absolute;
left:0px;
top:601px;
width:950px;
height:201px;
z-index:3;
background-color: #CC3333;
}

.LayerALL {
position:absolute;
left:100px;
top:0px;
width:950px;
height:801px;
z-index:3;
background-color:#000000;
}

<div class="LayerALL">
<div class="Layer1">
<img src="Images/1.png" alt="background" />

</div>
<div class="Layer2"></div>
<div class="Layer3"></div>
</div>

Πως μπορω να τα εχω παντα στο κεντρο της σελιδας?????
Το align="center" δεν πιανει...

wired · Στις: 23 Ιουν 2007 04:04 Θέμα:

basika den boreis...
giati eheis se ola sou ta layer position absolut pou simenei ayto akrivos
na menoun ta elements se prokathorismenes theseis pou orizode apo to top kai to left.