padding-left nur im FF nicht aber IE?

Status
Nicht offen für weitere Antworten.
Gudy

Gudy

Erfahrenes Mitglied
hi, ich binr echt neu im umgang mit CSS udn habe das Menu nur durch testen und :google: hinbekommen, komm nun aber an einer stelle nicht weiter.

Ich habe mein Problem mal in eienr testdatei angehängt.
In der Tabelle sind meien Links, die im FF linkspündig per padding-left ausgerichtet werden, im IE aber rutschen SIe nach rechts, wie kann ich das angleichen? Also der soll zustand ist der im FF....

Danke
 

Anhänge

Hallo!
Mit padding richtet man aber keinen Text aus. Mit padding gigst du den Innenabstand an.
Text richtes du mit "text-align: left;" aus.
Zum weiteren hast du in deinem Html-Quelltext stehen:
Code: 
 <ul id="navlist">
navlist sehe ich nirgenns Deffiniert.

Axel
 
Gudy hat gesagt.:
Hi,
wie gesagt habe es nur dur testen soweit bekommen und wenn ich
Code: 
 <ul id="navlist">
rausnehme geht es ja nicht mehr....
Zum Vergrößern anklicken....
bei mir schon...
Gudy hat gesagt.:
auf
http://www.css4you.de/padding-left.html steht das man das auf alle Elemente anwenden kann, sollte doch also auch bei text gehen.... :confused:
Zum Vergrößern anklicken....
Naja, padding-left besagt nur, dass der Abstand, wenn er größer als 0 ist, auf 0 zurückgesetzt wird.
Hierbei ist der Abstand aber bereits 0, das liegt an der Aufzählungsliste, die du da implementiert hast.
Macht man statt dieser einfach nur <br />s hin, fuktioniert es sogar ohne padding-left..!
 
Hi,
okay ich hatte das <ul> immer ganz gelöscht wenn ich nur den Namen rausnehme geht es, so wit so gut, aber Problem ist noch immer da, wenn ich die <li> dur <br> tausche und die </li> ganz lösche geht es nicht mehr :(


<td bgcolor="#FF0000">
<div id="navcontainer">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
 
Entweder beschäftigst du dich ernsthaft mit dem Grundgerüst einer HTML-Datei, oder du achtest beim nächsten Upload auf einen vollständigen HTML-Quelltext ;-]

test.html hat gesagt.:
HTML: 
<link rel="stylesheet" href="css/main.css" type="text/css">
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#FF0000">
      <div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</td>
  </tr>
  <tr>
    <td>:(</td>
  </tr>
  <tr>
    <td class="abc">&nbsp;</td>
  </tr>
  <tr>
    <td class="XYZ">&nbsp;</td>
  </tr>
</table>
Zum Vergrößern anklicken....
Vollständiger HTML-Quelltext:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>

<link rel="stylesheet" href="css/main.css" type="text/css">
<style type="text/css">
<!--
body
{
margin: 0;
padding: 0;
background: #cccccc;
}

table
{
width: 300px;
border: 0;
}

td
{
background: #ff0000;
}
-->
</style>

<body>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</td>
  </tr>
  <tr>
    <td>:(</td>
  </tr>
  <tr>
    <td class="abc">&nbsp;</td>
  </tr>
  <tr>
    <td class="XYZ">&nbsp;</td>
  </tr>
</table>

</body>
</html>
Welchen Sinn die Tabelle macht bzw. welche Aufgabe sie übernimmt, entzieht sich meiner Kenntnis. Für mich ist sie einfach nur überflüssig und stellt einen Fremdkörper dar; aber vermutlich ist sie nur ein Auszug aus einem tabellenorientierten Seitenlayout ;-]

Die von dir geschilderte Diskrepanz zwischen FireFox und IE kann ich nicht entdecken. FireFox rückt die Liste nur weiter nach unten, was an der fehlenden margin -Angabe (= Aussenabstand) liegt.

So wird die Liste in allen von mir getesteten Browsers oben links ausgerichtet:

Code: 
div#navcontainer ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
  • Browsercheck: FF 1.0.7, IE 6.0, MOZ 1.6, NN 7.0, OP 8.50
 
Hi,
genau der Befehl hat mir noch gefehlt... =)

Ich dachte mir dass, das Stück Quelltext reichen würde, denn wenn ich ja weiss wo der Fehler ist, müss tihr euch ja nicht durch den ganzen rest quälen :suspekt:
Und da ich die Datei zum testen extra neu erstellt habe, konnte ich so Zeit sparen :-)

aber jetzt geht es vielen Danke
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück