zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Listen - Aufzählunsgzeichen verschwinden sobald man über Hyperlinks fährt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.08.2006, 12:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard Listen - Aufzählunsgzeichen verschwinden sobald man über Hyperlinks fährt

Hallöchen Ihr Lieben,

hab ein Problem, was ich noch nicht lösen konnte weder durch Googlen noch durch Suchen hier im Forum:

Habe eine Liste, die in einem floatendem div steht (Seite geteilt durch Spalten, 2 DIVS mit float und width-Angabe nebeneinander):

Code:
<ul style="list-style: circle outside">
    <li>Listenpunkt 1</li>
    <li>Listenpunkt 2</li>
    <li>Listenpunkt 3</li>
    <li>Listenpunkt 4</li>
    <li>Listenpunkt 5</li>
</ul>
Code vom floatendem DIV:
Code:
#spalterechts
{float:left;width:260px;padding-bottom:2em;text-align:left;}
soo und mit dieser Liste habe ich jetzt das Problem im IE, dass das Aufzählungszeichen nicht angezeigt wird - im Firefox dagegen wird es angezeigt. Im IE ist das auch nur der Fall, wenn sich die Liste in diesem Float-Element befindet. Ist sie ausserhalb, werden die Aufzählungszeichen angezeigt.

Hab auf einer Seite gefunden, dass man ein die Liste umschließendes DIV platzieren soll mit Formatierung display:table und zoom:100%, hilft aber in meinem Fall gar nicht .

Hat wer eine Idee?

lg leenie

PS: Hab grad ne Lösung für mein Problem gefunden:
und zwar: habe nur links das floatende DIV gelassen und das rechtsstehende weggenommen so dass die Liste vorbeifließt. Damit bleibt mein Aufzählungszeichen erhalten.

Trotzdem würde ich gern wissen, wenn ich so eine 'Spaltenaufteilung' mache und in einer Spalte eben eine Liste habe, wie ich dieses Problem umgehe, dass meine Aufzählungszeichen im IE nicht angezeigt werden.

lg leenie

Geändert von leenie280980 (17.08.2006 um 12:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.08.2006, 12:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es gibt ein paar "übliche Verdächtige" (und entsprechende Lösungen), aber poste mal einen kompletten Code, der Deinen Fehler zeigt (der bisherige tut's nicht).
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.08.2006, 12:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

Hallo Heiko,

hier der gewünschte Komplettcode:

Code:
<div id="spaltelinks">
   <div style="padding-left:11px;padding-bottom:2em;">Text</div>
   <div><img border="0" src="Bild.jpg"></div>
</div>
<div id="spalterechts">
 <ul style="list-style: circle outside;text-align:left;padding-bottom:1em;">
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
    <li>Punkt 4</li>
    <li>Punkt 5</li>
 </ul>
</div>
<div style="clear:both;text-align:left;padding:0 0 2em 20px;">
    <div style="padding-bottom:1em;">Text</div>
    <div id="linkzimmer">
        <a href=""> |
        <a href=""> |
        .....
    </div>
    <div style="padding-top:1.5em;">
      Text
    </div>
</div>
spaltelinks und spalterechts habe ich jeweils als floatende divs deklariert mit fester Breite, so dass dieses Spaltenlayout entsteht

gruß leenie
Mit Zitat antworten
  #4 (permalink)  
Alt 17.08.2006, 13:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Bei mir zeigt der IE (6) alles an, ob man nun hovert (ich mußte die Links erstmal schließen...) oder nicht. Hast Du die Seite online?
Mit Zitat antworten
  #5 (permalink)  
Alt 17.08.2006, 13:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

Hallo Heiko,

nein, Seite ist nicht mehr online, habe die ja jetzt abgeändert dass es funktioniert.

lg leenie
Mit Zitat antworten
  #6 (permalink)  
Alt 17.08.2006, 13:19
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ohne einen Code, der den Fehler zeigt, wird man nicht herausfinden, ob es eine andere (und evtl. bessere) Lösung des Problems gibt
Mit Zitat antworten
  #7 (permalink)  
Alt 18.08.2006, 09:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

Guten Morgen

habe jetzt rausgefunden, dass es an einer Formatierung in meiner zentralen CSS-Datei hängt:

*{margin:0;padding:0}

dann werden die Listenzeichen neben einem float nicht angezeigt.

nochmal der Code zum Nachvollziehen

Code:
<html>
<head>
<style type="text/css">
*{margin:0;padding:0;}
</style>
</head>
<body>
<div id="spaltelinks">
   <div style="padding-left:11px;padding-bottom:2em;">Text</div>
   <div><img border="0" src="Bild.jpg" alt="ich bin ein bild"></div>
</div>
<div id="spalterechts">
 <ul style="list-style: circle outside;text-align:left;padding-bottom:1em;">
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
    <li>Punkt 4</li>
    <li>Punkt 5</li>
 </ul>
</div>
<div style="clear:both;text-align:left;padding:0 0 2em 20px;">
    <div style="padding-bottom:1em;">Text</div>
    <div id="linkzimmer">
        <a href="">Link1 |</a>
        <a href="">Link2 |</a>
        .....
    </div>
    <div style="padding-top:1.5em;">
      Text
    </div>
</div>
</body>
</html>
so und wenn ich allerdings hinter das margin:0 noch ein auto füge, dann passt wieder alles

lg leenie
Mit Zitat antworten
  #8 (permalink)  
Alt 18.08.2006, 09:24
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von leenie280980
habe jetzt rausgefunden, dass es an einer Formatierung in meiner zentralen CSS-Datei hängt:

*{margin:0;padding:0}

( ... )

wenn ich allerdings hinter das margin:0 noch ein auto füge, dann passt wieder alles
Verstehe ich das richtig, daß Dein Universalselektor dann folgendermaßen aussieht:

Code:
* {
margin: 0 auto;
padding: 0;
}
Wenn ja, ist das eine ganz schlechte Idee. Laß ihn so wie er war und definiere entweder für <ul> padding-left oder für <li> margin-left.
Mit Zitat antworten
  #9 (permalink)  
Alt 18.08.2006, 10:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

Hallo Heiko,

hm dann hat mir aber Fricca damals n deiner Meinung nach falsches Codebeispiel geschrieben, er hatte mir nämlich damals empfohlen alle Default-Abstände auf 0 zu setzen.

siehe Beitrag hier (auf Seite 2):

Code:
http://xhtmlforum.de/35304-floatende-div-boxen-alles-zentrieren.html
Ich fahre auch mit dieser Methode nicht schlecht, hatte halt nur dieses 'auto' vergessen.
Warum ist das Deiner Meinung nach verkehrt

lg leenie
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 18.08.2006, 10:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von leenie280980
dann hat mir aber Fricca damals n deiner Meinung nach falsches Codebeispiel geschrieben, er hatte mir nämlich damals empfohlen alle Default-Abstände auf 0 zu setzen.
Natürlich, und zwar so:

Code:
* {
margin: 0;
padding: 0;
}
Das ist völlig richtig und das hatte ich ja auch geschrieben.

Zitat:
Zitat von leenie280980
Ich fahre auch mit dieser Methode nicht schlecht, hatte halt nur dieses 'auto' vergessen. Warum ist das Deiner Meinung nach verkehrt?
Weil auto nichts im Universalselektor zu suchen hat (denn auto ist nicht Null). Jegliche Redefinitionen dieser universell auf Null gesetzten Eigenschaften werden später vorgenommen.

Übrigens hatte fricca auch nichts dergleichen geschrieben, sondern Dir völlig korrekt margin: 0 auto; für einen horizontal zentrierten Wrapper empfohlen, aber nicht für den Universalselektor.

Geändert von heiko_rs (18.08.2006 um 10:31 Uhr)
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Erweiterte Ordnerfreigabe unter Vista ct2oo4 Ressourcen 0 10.05.2008 12:53
Profli wenn man über text fährt Vybsi (X)HTML 3 29.10.2007 20:17
Listen: kann man die Zahl bei decimal Listen in Klammern... leooo CSS 1 08.01.2006 18:13
xhtml validator error doni (X)HTML 40 17.09.2004 06:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:14 Uhr.