Autor |
Nachricht |
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 24.04.2005 15:14
Titel [CSS] Ausrichtung in Container!? |
|
|
Tach liebe Gemeinde,
habe folgendes Problem: Möchte eine Textpassage in der oberen, weißen Box
links unten ausrichten (left, bottom) - also auf der horizontalen, grünen Linie.
Die obere, weiße Box wird über #container_top und .navi_top dargestellt.
Tja, nur funzt das irgendwie nicht so richtig. Spiel mich jetzt schon ewig damit,
der Text wird jedoch links oben angezeigt...
Steh gerade total aufm Schlauch.
Was mache ich falsch? Bin für jeden Hinweis dankbar.
Eine Großansicht im Browser gibts HIER.
Code: | <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ZT NEU</title>
<style type="text/css">
<!--
body
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.1em;
color: #85796B;
}
#container
{
position: absolute;
margin-top: -225px; /* halber Wert der Höhe (450) */
width: 100%;
height: 450px;
top: 50%;
left: 0%;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;;
border-style: solid;
border-color: #5C564E;
overflow: hidden;
background-color: #85796B; /* ZT Grau */
z-index: 1;
}
#container_top
{
position: absolute;
margin-top: 0px;
margin-left: -350px; /* halber Wert der Beite (700) */
width: 700px;
height: 100px;
top: 8px;
left: 50%;
border-width: 1px;
border-style: solid;
border-color: #5C564E;
padding: 10px;
overflow: hidden;
background-color: #ffffff;
z-index: 3;
}
#container_bottom
{
position: absolute;
margin-top: 0px;
margin-left: -350px; /* halber Wert der Beite (700) */
width: 700px;
height: 324px;
top: 116px;
left: 50%;
border-width: 1px;
border-style: solid;
border-color: #5C564E;
padding: 10px;
text-align: left;
overflow: hidden;
background-color: #ffffff;
z-index: 2;
}
.navi_top
{
text-align: left;
vertical-align: bottom;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="container_top">
<div class="navi_top">
.start .philosophie .leistungen .referenzen .unsere partner .kontakt
</div>
</div>
<div id="container_bottom">
cont_bottom
</div>
</div>
</body>
</html> |
|
|
|
|
|
Benutzer 16997
Account gelöscht
Ort: -
|
Verfasst So 24.04.2005 15:30
Titel
|
|
|
den text in ne neue box packen, die bekomt dann "position:absolute; left:0; bottom:0;"
Zuletzt bearbeitet von am So 24.04.2005 16:04, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 24.04.2005 15:55
Titel
|
|
|
Alles klar, habs soeben gelöst. Danke, bene!
|
|
|
|
|
|
|
|
Ähnliche Themen |
DIV-Container soll anderen DIV-Container verdrängen
DIV Container bei Mouseover über DIV Container anzeigen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
CSS-Ausrichtung?
CSS Float und Ausrichtung
|
|