mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 05:32 Benutzername: Passwort: Auto-Login

Thema: [CSS] Ausrichtung in Container!? vom 24.04.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Ausrichtung in Container!?
Autor Nachricht
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 24.04.2005 14:14
Titel

[CSS] Ausrichtung in Container!?

Antworten mit Zitat Zum Seitenanfang

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. Menno!

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>
  View user's profile Private Nachricht senden
bene

Dabei seit: 22.01.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst So 24.04.2005 14:30
Titel

Antworten mit Zitat Zum Seitenanfang

den text in ne neue box packen, die bekomt dann "position:absolute; left:0; bottom:0;"

Zuletzt bearbeitet von bene am So 24.04.2005 15:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 24.04.2005 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

Alles klar, habs soeben gelöst. Danke, bene!

*Thumbs up!*
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS: Container im Container Vertikal zentrieren
CSS-Ausrichtung?
CSS Float und Ausrichtung
Problem mit CSS (Ausrichtung)
[css] Probleme mit Links und Ausrichtung
CSS grafik-rollover ausrichtung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.