Hallo Laura,
schon wieder ich. Bevor ich zumnächsten Lernpunkt gehen kann, müsste ich irgendwie folgendes Problem knacken.
Ich habe schon alles ausprobiert, was mir eingefallen ist. Vielleicht könntest du mir einen Tipp geben? Es geht um den Bereich navi.
In der index-Datei sieht es so aus:
<body>
<div class="seitenbereich">
<div class="kopfzeile">
XXXX
</div>
<div id="navi">
<ul>
<li><a href="ccc.htm">Konzept</a></li>
<li><a href="abc.htm">Corporate Identity</a></li>
<li><a href="name.htm">Ueber mich</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div class="inhalt1">
Test, Test, Test, Test, Test, Test, Test, Test
</div>
<div class="fusszeile">
Kontakt
</div>
</div>
</body>
</html>
In der style.css Datei sieht es so aus:
body {
text-align: center; /* Zentrierung IE */
}
.seitenbereich {
text-align:left; /* Inhalt wieder links */
margin: 0 auto; /* Zentrierung mitte */
width: 780px;
background-color:white;
}
.kopfzeile {
font-family: tahoma, sans serif;
font-size: 3em;
background-color: lightskyblue;
}
.fusszeile {
clear: both;
font-family: tahoma, sans serif;
font-size: 0,5em;
background-color: lightskyblue;
}
#navi {
background-color:pink;
text-align:left;
font-family: tahoma, sans serif;
font-size: 1em;
width:10%;
height:400px;
padding: 5px;
float: left;
}
#navi ul {
list-style:none; /* keine Aufzählungspunkte */
}
.inhalt1 {
font-family: tahoma, sans serif;
font-size: 2em;
margin-left: 15%;
height:400px;
padding: 10px;
border:1px black dashed;
}
Das Ergebnis ist so wie ich es möchte, außer im Navibereich. Hier bekomme ich es nicht hin, dass der Text am linken Rand des pinken Kastens
beginnt. Egal, was ich ändere. Der Text-Abstand nach links bleibt immer gleich groß ...
Woran könnte das liegen?
Fragt eine HTM-Suchnase in München
Gruß
Enrico