nicht angemeldet
Hallo zusammen,
ich habe mit nachfolgendem Problem zu kämpfen:
Um Bildschirmunabhängigkeit zu erreichen, habe ich zunächst einen zum Bildschirm relativen und mittig angeordneten 700x460 px großen Container definiert:
<body style="text-align:center; background-color:#000000">
<div id="inhalt">
...
</div>
Innerhalb des Containers "Inhalt" sind weitere Container definiert,welche ich mit position:absolute... relativ zum Inhaltscontainer ausrichten möchte.
Nichts desto trotz richtig sich der Container "rahmen_h1" am absoluten Bildschirm-Rand aus.
Leider bin ich jetzt mit meinem Latein am Ende und würde mich über Lösungsvorschläge ziemlich freuen!!!
Viele Grüße aus Kölle,
Melanie
Nachfolgend der Code:
#inhalt
{
width:700px;height:460px;
margin:10px auto;
text-align:left;
}
#menue
{
width:140px;
float:left;
margin-top: 80px;
margin-left: 20px;
}
#rahmen_h1
{
position: absolute;
top: 0px;
left: 0px;
background-color: #ee6d05;
height: 70px;
width:700px;
border-bottom: 1px solid #000000;
}
</style>
</head>
<body style="text-align:center; background-color:#000000">
<div id="inhalt">
<div style="position:absolute; left:130px; top:4px;>
<img src="bilder/linie.jpg">
</div>
<!--Rahmen-top-->
<div id="rahmen_h1">
<p></p>
</div>
<!--Menüpunkte-->
<div id="menue">
<p class="text_regulaer"> Leistungen<br>
Preisübersicht<br>
Referenzen<br>
Über webcreazione<br>
Kontakt
</p>
</div>
</div>