zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden hintergrund bei listen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.01.2006, 16:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2006
Beiträge: 9
kurtzman befindet sich auf einem aufstrebenden Ast
Standard hintergrund bei listen

ich hab folgendes style-sheet

Code:
#menu {
	margin: 0;
	padding: 0px 0px 0px 223px;
	background-color: #FFFFFF;
	height: 33px;
	text-align: right;
}

#menu .list {
	background-color: #780000;
	width: 477px;
}

#menu li {
	list-style: none;
	list-style-type: none;
	float: left;
	display: inline;
}

#menu li img {
	border: none;
}
html-code dazu

problem ist, das im firefox/mozilla die liste keinen durchgehenden roten hintergrund hat. im ie schon... woran kanns liegen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.01.2006, 16:29
Neuer Benutzer
neuer user
 
Registriert seit: 26.01.2006
Beiträge: 13
Bookworm befindet sich auf einem aufstrebenden Ast
Standard

Hm, muss man da überhaupt <div class="list"> schreiben?
Da reicht doch nur <list> zwischen <div id="..."> und </div>, oder?

Ansonsten, kann man sich das mal irgendwo angucken?
__________________
Es lebe der Firefox!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.01.2006, 16:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

[*] werden in <ul> oder[list=1] geschrieben. Das sind Blockelemente und die kannst Du definieren wie DIVs auch, aber Du kannst nicht einfach[*] ohne Listenbeschreibung in ein DIV packen. Dein Beispiel ist also nicht valide. Daher die Darstellung im FF.
Mit Zitat antworten
  #4 (permalink)  
Alt 26.01.2006, 16:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2006
Beiträge: 9
kurtzman befindet sich auf einem aufstrebenden Ast
Standard

<ul> bzw.[list=1] hatte ich schon stehen. auch mit style="background-color: #red" aber das ging nicht.

das <div class="list"> soll hier nur die gesamte breite und hintergrundfarbe definieren. im ie geht das so ganz gut. der firefox zieht die liste aber über die komplette breite und setzt als hintergrundfarbe weiß - da liegt das problem.

d.h. <ul> kann ich hinzufügen, div class=list kann ich weglassen. problem ist dadurch nicht gelöst.
Mit Zitat antworten
  #5 (permalink)  
Alt 26.01.2006, 16:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2006
Beiträge: 9
kurtzman befindet sich auf einem aufstrebenden Ast
Standard vorschau

hab es hochgestellt

http://zufallszahlen.de/test/kab/


CSS-Code:
Code:
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background-color: #DDDDDD;
	font: normal 100.01% arial, sans-serif;
	text-align: center;
	/*margin-top: 5px;*/
}

#content {
	margin: 0 auto;
	border: 1px solid #FFFFFF;
}

div#content {
	background: url(../img/layout/landscape.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	max-width: 700px; /*698+2px border, ie-workaraund exists */
	font: normal 0.86em verdana, arial;
}

#menu {
	margin: 0;
	padding: 0px 0px 0px 223px;
	background-color: #FFFFFF;
	height: 33px;
	text-align: right;
}

#menu ul {
	background-color: #780000;
	width: 477px;
	list-style: none;
	list-style-type: none;
	display: inline;
}

#menu ul li {
	float: left;
}

#menu li img {
	border: none;
}
HTML-Code:
Mit Zitat antworten
  #6 (permalink)  
Alt 26.01.2006, 18:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2005
Beiträge: 165
tesa befindet sich auf einem aufstrebenden Ast
Standard

Code:
#menu ul li {
	display:inline;
}
<ul> und[*] sind Block-Elemente. Inline-Elemente können keine Block-Elemente enthalten.
Wenn Du ul display:block; zuweist musst du das also auch bei li machen.
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn!
Mit Zitat antworten
  #7 (permalink)  
Alt 26.01.2006, 18:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2006
Beiträge: 9
kurtzman befindet sich auf einem aufstrebenden Ast
Standard

geht auch nicht.

ich lass das mit den listen und schreib einfach alle img in eine zeile innerhalb eines div-tags. warum soll man als programmierer ständig den mist ausbügeln den die browserhersteller verzapfen! wieder 2 stunden für arsch.
Mit Zitat antworten
  #8 (permalink)  
Alt 26.01.2006, 18:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von kurtzman
warum soll man als programmierer ständig den mist ausbügeln den die browserhersteller verzapfen! wieder 2 stunden für arsch.
Den Mist macht der IE - auch wenn es dem entspricht, was du gerne hättest.
Du hast das gleiche "Problem", das RoToRa hier erklärt hat:
http://www.xhtmlforum.de/viewtopic.php?p=51151#51151

Lesestoff: containing floats

BTW: welchen Zweck hat das display:inline für ul?


Zitat:
Zitat von tesa
<ul> und[*] sind Block-Elemente. Inline-Elemente können keine Block-Elemente enthalten.
Wenn Du ul display:block; zuweist musst du das also auch bei li machen.
Ich glaube, du bringst da was durcheinander.
Nicht im Stylesheet wird festgelegt, ob ein Element ein Block- oder ein Inline-Element ist - dort wird nur bestimmt, wie es dargestellt wird.


Grüße
fricca
Mit Zitat antworten
  #9 (permalink)  
Alt 26.01.2006, 19:01
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2005
Beiträge: 165
tesa befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca
Nicht im Stylesheet wird festgelegt, ob ein Element ein Block- oder ein Inline-Element ist - dort wird nur bestimmt, wie es dargestellt wird.
Hm - versteh jetzt den Unterschied (für den Browser) nicht. Wie auch immer.
Stand aber wohl grad auf dem Schlauch...
Das Problem im OP ist also, dass das li und nicht ul inline sein muss
Achim
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn!
Mit Zitat antworten
Sponsored Links
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
Frage: Wie Text vor Hintergrund in einem Fenster scrollen? wbiebel CSS 2 19.08.2009 19:49
Vererbung bei Listen (Hintergrund) img CSS 10 15.04.2009 17:23
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei braindead (X)HTML 5 13.09.2007 17:43
Div Orientierung Leonidus CSS 22 30.05.2007 18:05
Hintergrund wird im IE abgehackt lekim CSS 0 29.03.2006 15:14


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