zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Seltsame Position von Bullets im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.07.2005, 16:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2005
Beiträge: 21
Carsten H. befindet sich auf einem aufstrebenden Ast
Standard Seltsame Position von Bullets im IE

Hi!

In einer ganz normalen UL-Liste kann es vorkommen, dass die Texte dahinter auch mal zwei Zeilen einnehmen. Der IE (6.0, WinXP) als einziger hat aber die seltsame Eigenschaft, den dazugehörigen Bullet am unteren, und nicht am oberen Rand darzustellen. Beispiel:

Code:
<html>
<head>
	<title></title>
	<style type="text/css">
		* { font-family:Arial, Helvetica, Verdana, sans-serif; }
		#pdetail li { border:solid 1px #FF0000; width:270px; }
	</style>
</head>
<body>
	<div id="pdetail">
		<ul>
			[*]Material: Edelstahl 18/10 und Kunststoff
			[*]Maße: Höhe: ca. 11,3 cm, Durchmesser: ca. 6,3 cm
			[*]Gewicht: ca. 0,2 kg 
		[/list]	</div>
</body>
</html>
Wenn ich per Stylesheet dem LI-Element ein "vertical-align:top" gebe, dann werden die Bullets zwar oben positioniert, aber am ganz oberen Rand, der Bullet ist also nicht auf einer Höhe mit dem Text, sondern 2-3 Pixel zu weit oben.

Weiß jemand warum das so ist und wie man das am besten korrigieren kann?
Angehängte Grafiken
Dateityp: gif ie_macke.gif (1,6 KB, 372x aufgerufen)
__________________
Musik-Sammler.de - Die Musiksammlungs-Verwaltung im Internet
--
Sense of View - Reviews ungewöhnlicher Filme aller Genres
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.07.2005, 17:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

mach einfach dein Listenelemnt als hintergrund bild der li´s und positioniere es wie du lustig bist..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.07.2005, 22:42
Neuer Benutzer
neuer user
 
Registriert seit: 08.07.2005
Beiträge: 28
Aranxo befindet sich auf einem aufstrebenden Ast
Standard

Hab grade ein wenig rumprobiert und die Lösung gefunden. Es liegt grob gesagt an folgender Einstellung:
Code:
#pdetail li { width:270px; }
Wenn Du Breite statt im[*]-Element im <ul>-Element einstellst, verschwindest das Problem und der Knubbel liegt immer vor der ersten Zeile. Oder Du änderst "width" in "max-width". Nur leider scheint der IE sich dafür nicht die Bohne zu interessieren und macht statt einem floatenden Design mit maximaler Breite eines über die komplette verfügbare Breite.

Auch zu besichtigen auf http://www.dartpro.de.

Wenn Dir der Knubbel immer noch zu tief liegt, kannst Du ihn mit
Code:
li { vertical-align:middle; }
noch etwas höher stellen. vertical-align:top ist leider wirklich indiskutabel.
Mit Zitat antworten
  #4 (permalink)  
Alt 12.07.2005, 10:22
Benutzer
neuer user
 
Registriert seit: 25.08.2004
Beiträge: 95
flproject befindet sich auf einem aufstrebenden Ast
Standard

das ist das »hasLayout«-problem des IE. gib den[*] einfach ein height: 1% und es sollte funktionieren.
Mit Zitat antworten
  #5 (permalink)  
Alt 12.07.2005, 10:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2005
Beiträge: 21
Carsten H. befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Aranxo
Wenn Du Breite statt im[*]-Element im <ul>-Element einstellst, verschwindest das Problem und der Knubbel liegt immer vor der ersten Zeile.
Boah, danke, das wars! Darauf wär ich nie gekommen!
__________________
Musik-Sammler.de - Die Musiksammlungs-Verwaltung im Internet
--
Sense of View - Reviews ungewöhnlicher Filme aller Genres
Mit Zitat antworten
  #6 (permalink)  
Alt 12.07.2005, 17:11
Benutzer
neuer user
 
Registriert seit: 25.08.2004
Beiträge: 95
flproject befindet sich auf einem aufstrebenden Ast
Standard

interessanter artikel zum thema:

http://annevankesteren.nl/2005/07/layout
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
Menueleiste anpassen Mulo CSS 1 04.02.2015 11:08
div-höhe? - Hauptcontainer über ganze Seite will nicht... AndMei CSS 5 13.12.2010 15:43
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
Was übersehe ich? Psyclown CSS 2 19.10.2008 14:00
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07


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