aleksberlin
Threadersteller
Dabei seit: 10.12.2009
Ort: Berlin
Alter: 45
Geschlecht:
|
Verfasst Do 10.12.2009 22:07
Titel 3 DIVs im übergeordnetem DIV zentrieren & fixieren? HELP |
|
|
Guten Abend,
nach nun vier Stunden denken, suchen, versuchen, suchen, lesen... scheitern... versuche ich es auf diesem Weg.
Mein Problem besteht darin dass ich in einem bereits zentrierten DIV (1023px breit) versuche weitere drei DIVs zu zentrieren. Diese sollen aber dann auch noch fixiert sein.
Diese drei DIVs sollen eine Art Brücke bilden. In der mitte unterhalb der drei DIVs findet dann der Inhalt statt der scrollbar ist. Das geht auch schon.
Einziges Problem: Die drei DIVs kleben am linken Rand obwohl sie untergeordnet in einem DIV sind der schon zentriert verläuft. Siehe Screenshoot unter folgendem link:
http://img513.imageshack.us/i/divszentriertundfixiert.jpg/
Und dass ist der Code aus PHP und CSS:
PHP
<div class="canvas">
<div class="set4_links"></div>
<div class="menue"></div>
<div class="content">
<p>
Sorry I can´t find what I´m looking for! </p>
</div>
<div class="set4_rechts"></div>
</div>
CSS
*
{
padding: 0 0;
margin: 0 0;
font-family: Arial, Helvetica, sans-serif;
}
body
{
background: #000;
}
.canvas
{
width: 1023px;
margin: 0 auto;
background: #FF0;
}
.set4_links
{
top: 0px;
left: 0px;
z-index: 7;
position: fixed;
background: url(gloria_set4_links.jpg);
width: 249px;
height: 917px;
}
.set4_rechts
{
top: 0px;
left: 753px;
z-index: 6;
position: fixed;
background: url(gloria_set4_rechts.jpg);
width: 270px;
height: 917px;
}
.menue
{
top: 0px;
left: 249px;
z-index: 5;
position: fixed;
width: 504px;
height: 159px;
background: url(gloria_menue.jpg);
}
.content
{
top: 159px;
left: 249px;
z-index: 2;
position: relative;
width: 504px;
height: auto;
background: #FFF;
}
Vielleicht hat jemand eine Idee? Ist es überhaupt möglich? Es würde mich wundern wenn nicht.
Im Voraus vielen Dank für eure Tipps und Lösungsvorschläge. Bin um jeden dankbar.
Grüße
Aleks
|
|