Listen werden falsch eingerueckt

[Max-Leonhard von Schaper]

Hi,

Auf meiner Homepage http://www.azchael.de habe ich unter http://www.azchael.de/stories.html mehrere Linklisten die zu weiteren Seiten fuehren.

Eigentlich ist alles schoen und gut, nur wenn ich stories.html oeffne, ist jede Linkliste ab der zweiten Liste zu weit nach links eingerueckt und 'springt' beim ueberfahren an ihre eigentlich Position.

Da ich leider derzeit keinen FTP-Zugriff habe, kann ich das CSS nicht in die HTML Datei einbinden, sondern gebe es hier aus:

#container
{
width: 100%;
margin: 10px auto;
background:url(../images/Nature_Bkgrd.jpg);
background-repeat:repeat;
color: #333;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
line-height: 130%;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em;

font-family:Courier;
font-size:10px;
}

#content a:link {
 font-family:Courier New;
 font-size:12px;
 color:#000000;
 text-decoration:underline;
}
#content a:visited {font-family:Courier New;font-size:12px;color:#333333;}
#content a:hover {font-weight:bold;}

h2,h3 {font-family:Courier New;}

#content h2:first-letter {color:#800040;}

#content h3:first-letter {color:#800040;}

Und das ist mein HTML:

<div id="container">
<div id="content">
 <h2 lang=en>XXX</h2>
 <img src="images/XXX" ALT="XXX" style="border:5px groove #CCC">
 <h3 lang=en>XXX</h3>
 <ul>
  <li><a href="XXX" lang=en>XXX</a></li>
  <li><a href="XXX" lang=en>XXX</a></li>
 </ul>
 <h3 lang=en><a name="Poems"></a>XXX</h3>
 <ul>
  <li><a href="XXX" lang=de>XXX</a></li>
  <li><a href="XXX" lang=de>XXX</a></li>
 </ul>
 [...] usw.
</div>
</div>
Was mache ich falsch, oder hat nur MS IE 6 einen Bug in der Hinsicht?

Im Vorraus vielen Dank fuer eure Hilfe,

MfG
Max-Leonhard von Schaper

[chlori]

Hi

Da ich leider derzeit keinen FTP-Zugriff habe

Falls du gerade kein FTP-Programm hast:
http://www.web2ftp.com

Gruss
chlori

[Thomas J.S.]

Hallo,

Eigentlich ist alles schoen und gut, nur wenn ich stories.html oeffne, ist jede Linkliste ab der zweiten Liste zu weit nach links eingerueckt und 'springt' beim ueberfahren an ihre eigentlich Position.

Was mache ich falsch, oder hat nur MS IE 6 einen Bug in der Hinsicht?

Das Problem wird durch die Zeile
#content h3:first-letter {color:#800040;}
verursacht. Entferne alles bis auf diese Zeile aus deiner CSS und du kannst sehen, dass der IE die Listenpunkte falsch ein- bzw. ausgerückt darstellt. Warum kann ich dir auch nicht sagen.

Mache es so:
#content h3[lang]:first-letter {color:#800040;}
Damit werden zwar im IE die ersten Buchstaben nicht mehr rötlich (in anderen Browser schon), dafür stellt er die Listen richtig dar.

Grüße
Thomas

PS: font-family:Courier New; --> font-family:'Courier New';

[MudGuard]

Hi,

PS: font-family:Courier New; --> font-family:'Courier New';

PPS:  font-family:'Courier New'; -->font-family:'Courier New',monospace;

;-)

cu,
Andreas

[Max-Leonhard von Schaper]

Hi,

Vielen Dank fuer die Tips.

Also wegen dem Pseudo-Attribut first-letter, hatte ich mir doch fast gedacht ;). Das ist verdammt nervig so was. Alles stimmt schoen, ist Standardmaessig gemacht und dann aus heiterem Himmel hauts einem alles raus... aber egal, mal sehen wie ich das angehen werde...

Vielen Dank nochmal fuer die Hilfe auch an chlori fuer www.web2ftp.de :o)

Gruss
Max