zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden inline-liste am unteren ende eines divs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.06.2004, 10:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2004
Beiträge: 26
ratterobert befindet sich auf einem aufstrebenden Ast
Standard inline-liste am unteren ende eines divs

hallo gemeinde,

ich möchte die navigation (home, archiv, etc.) auf http://blog.ratterobert.com gerne in das div mit dem hintergrundbild legen. dummerweise zeigen das bei mir nur opera und firefox richtig an. der IE verlängert das div nach unten.

weiss jemand, wie ich die liste in das div bekomme, damit es in allen gängigen browsern funktioniert?

danke im voraus.
robert
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.06.2004, 11:33
raf raf ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.03.2004
Beiträge: 260
raf befindet sich auf einem aufstrebenden Ast
Standard

Hi,

du könntest die Navigation in einen span oder weiteren div reinstellen und diese dann unten Positionieren.

Solltest du jedoch einen Absatz bekommen, könntest du es mit display:inline versuchen.

float:right;
bottom:0; usw
__________________
Ein Gedanke... unendliche Verbindungen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.06.2004, 12:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2004
Beiträge: 26
ratterobert befindet sich auf einem aufstrebenden Ast
Standard

ich habs mit einem extra div probiert, aber die anzeige in jedem der 3 browser ist unterschiedlich... zum verzweifeln

hier mal der css-code:

Code:
/* das DIV mit dem hintergrundbild */
#logo {
	text-align: right;
	background-image: url(images/titelei.jpg);
	background-position: top;
	vertical-align: bottom;
         width: 598px;
   	height: 196px;
   	background-color: #FFFFFF;
	padding: 0 0 0 0;
   	border: none;
}

/* die Navigation */
#navlist {
	text-align: right;
	margin: 0px;
	padding: 156px 0px 20px 10px; /* mit padding gelöst, das margin alles zerhaut */
	border-bottom: 0px;
	background-color: transparent;
	font-family: Verdana, sans-serif;
         bottom: 0;
}

#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	float: right;
	margin: 0px 10px 0px 10px;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #666666;
}

#navlist a.active:link, #navlist a.active:visited {
	vertical-align: baseline;
	border-bottom: 4px solid #000000;
	padding-bottom: 2px;
	background: #FFFFFF;
	color: #000000;
}

#navlist a:hover {
	color: #000000;
	border-bottom: 4px solid #000000;
	padding-bottom: 2px;
}
und so sieht der XHTML-code aus:

Code:
<div id="logo">
<!-- <a href="index.php">
 [img]templates/images/logo.png[/img]
</a> -->
<div id="navlist">
<ul>[*]impressum[*]suche[*]archiv[*]home[/list]</div>
</div>
das kann doch nicht so schwer sein, die navigations-UL an den unteren Rand des LOGO-divs zu packen... wo hab ich was übersehen?
Mit Zitat antworten
  #4 (permalink)  
Alt 13.06.2004, 15:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Kann ich nicht recht nachvollziehen:

- wenn ich den Code benutze, den Du hier ins Forum gestellt hast, dann bekomme ich eine identische Anzeige im IE6, Firefox und Opera7.23 - bei allen dreien ist die Navi rechts unten im Header - ohne Verlängerung nach unten.
Mit Zitat antworten
  #5 (permalink)  
Alt 13.06.2004, 17:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2004
Beiträge: 26
ratterobert befindet sich auf einem aufstrebenden Ast
Standard

bei mir wird die navi in der rechten oberen ecke des hintergrundbildes angezeigt... jetzt weiss ich nicht mehr weiter


EDIT: ok, stimmt, mein code hatte eine kleine änderung bekommen.
die navi ist jetzt in allen 3 browsern (firefox 0.8, IE6 und opera 7.51) unten rechts auf dem bild. aber der abstand zum unteren bildrand ist immer ein anderer.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Höhenanpassung von divs localex CSS 1 21.11.2007 11:25
Divs nebeneinander, aber mittig RomanM CSS 2 24.10.2007 06:32
div bereich nach anderen divs ausrichten pixel CSS 0 03.02.2007 23:49
verschachtelte divs, javascript menü - firefox macht ärger fork (X)HTML 14 05.11.2005 12:35
Browser-Problem bei Positionierung von DIVs mickropixel CSS 3 20.09.2004 16:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:49 Uhr.