Antwort
 
Themen-Optionen Thema durchsuchen
Alt 26.12.2005, 21:28 Nach oben    #1
Erfahrener Benutzer
 
Benutzerbild von PaterNoster
 
Registriert seit: 18.08.2005
Ort: Dortmund
Beiträge: 166
Standard DIV unten positionieren

Hallo zusammen!

Wollte mal ein wenig rumspielen und ausprobieren, dabei bin ich auf folgendes Problem gestoßen:

Die Navigation befindet sich in einem DIV auf der linken Seite, Höhe 100%, incl einer Hintergrundgrafik, die immer unten rechts angezeigt werden soll. So weit so gut.

Jetzt habe ich in das Navi-DIV noch ein "Impressums-DIV" eingebaut, welches auch immer unten rechts angezeigt werden soll, aber das kriege ich irgendwie nicht hin.

Verkürzte Darstellung des Navi-DIVs
HTML-Code:
<div id="navi">
         
         
         <a href="index.php">Startseite</a>
         <a href="#">blub</a>
         <a href="#">blub</a>
         
         
         <div id="navi_imp">
            Ganz viel Adresse und so<br />
            <a href="impressum.php" class="klein">[Impressum]</a>
         </div>
         
      </div> 
Passende CSS:
HTML-Code:
#navi {
   background-image:url(../images/allgemein/logo.jpg);
   background-repeat:no-repeat;
   background-position: bottom right;
   background-color:#fff;
   float:left;
   height:100%;
   width:250px;
   margin:0;
   border-right: 10px double #8b9bb0;
}

#navi a {
   text-decoration:none;
   display:block;
   text-align:right;
   margin:15px 10px 0 0;
}

#navi_imp { 
   bottom:0;
   right:10px;
   text-align:right;
   position:relative;
}
Wie gesagt, die Hintergrundgrafik wird astrein da angezeigt, wo ich sie haben möchte, aber das schäbige navi_imp will nicht nach unten rechts. Habe jetzt schon seit mehreren Stunden die verschiedensten Variationen durch, aber irgendwie komm ich nicht weiter. Auch Onkel Google hat mich nicht geholfen...
PaterNoster ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 28.12.2005, 12:00 Nach oben    #2
Erfahrener Benutzer
 
Benutzerbild von PaterNoster
 
Registriert seit: 18.08.2005
Ort: Dortmund
Beiträge: 166
Standard

Das Leben kann so einfach sein:

Dem Eltern-DIV einfach ein "position:relative" mit auf den Weg (bzw in die CSS geben), das unten zu positionierende kriegt "position:absolute;bottom:0". Fertig!
PaterNoster ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 28.12.2005, 13:57 Nach oben    #3
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Danke!
Ich hatte das auch gesucht .. .
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
PingBacks sind an
RefBacks sind aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Höhe von div verändern, divs darunter je nach Größe verschieben buddy_casino JavaScript und AJAX 13 17.09.2007 12:49
[CSS]bei einem hoverein anderes div ändern Big Nightmare HTML, XML und CSS 16 09.10.2006 18:26
Positionieren von Bildern Skinwalker HTML, XML und CSS 6 04.04.2006 10:32
Div mit overflow:scroll Jan HTML, XML und CSS 6 18.03.2006 18:55
Objekte positionieren - AWT trivial Desktop-Applikationen und Grafik 4 15.11.2005 20:15


Alle Zeitangaben in WEZ +1. Es ist jetzt 07:24 Uhr.


Powered by vBulletin® Version 3.7.4 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45