hast du dich schon mal mit doctypes oder dergleichen beschäftigt...? hast du dein css mal länger als 5min angeschaut und versucht herauszubekommen, worin der fehler liegt?
ich glaube nicht...
ich find es ehrlich unverschämt von dir hier reinzukommen und leute, die mehr ahnung haben als du derartig hochnäsig anzumachen, weil sie dir tipps geben wollen, um dich zu verbessern...
hab deine lösung mal gebastelt (für IE7), allein aus dem grund, weil mir deine art, hilfsbereite leute so zu behandeln auf die nerven geht...
internet explorer braucht feste angaben, um eine seite korrekt anzuzeigen...mozilla ist da toleranter
wenn du dich etwas mehr mit deinem code beschäftigt hättest, wäre dir vielleicht aufgefallen, dass du die größenangaben total unsinnig festgelegt hast, bzw div.links2 gar keine feste breite gegeben hast...
vor allem können die beiden div-container nicht nebeneinander stehen, wenn dein div.gesamt 956px breit ist, du einen linksabstand von 142px festlegst, während dein div.haupt eine größe von 814px einnimmt...insgesamt macht das 956px, also genauso groß wie dein umschließendes div...
und wo soll nun das div.links2 hin, wenn es gar keinen platz hat, um zu existieren?
dazu hast du einige größenangaben nicht einmal angegeben.... Bsp:
Code:
<img id="head" src="gra/head.jpg" width="814" height="104">
was sollen nun die 814 oder die 104 sein? px? em? %? etcetc...
position: absolute; ist auch wie schon von meinen vorrednern erwähnt recht unsinnig, da es dir mehr kaputt machen kann als es dir in diesem falle nutzen bringen kann...(nämlich gar keinen)
deine lösung:
1. Doctype:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
schreib das an den anfang (über <html>) deines dokuments...
2. Charset
Code:
...
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
...
damit behebe ich dir schon mal vorweg einen fehler den du sicher nicht bei der validierung verstanden hättest...
3. CSS
Code:
div.links2 {
margin-left: 2px;
margin-top:15px;
/*position: absolute;*/
float:left;
width:130px;
}
div.haupt {
width:814px;
height: 500px;
/*margin-left:142px;*/
margin-top:15px;
padding-bottom: 200px;
font-size: 11pt;
background-color:#C8DAF3;
float:left;
margin-left:10px;
}
dein neues css, erklärungen zu den einzelnen sachen findest du wenn du googelst oder auf selfhtml.org oder auf diversen anderen tutorialseiten nachsiehst, solltest du etwas nicht kennen
4. float clearen
Code:
</tr>
</table>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
CSS Float Theory: Things You Should Know | CSS | Smashing Magazine
hier findest du ne schöne erklärung zu floaten und warum clearen
5. umlaute etc maskieren
ä, Ä, ö, Ö, ü, Ü und viele andere symbole müssen maskiert werden, damit sie korrekt angezeigt werden...
hier findest du was dazu:
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen
6. validationsfehler beseitigen
es bleiben noch 3 kleine fehlerchen im validator übrig, die ich nicht für dich beseitige, aus dem grund, dass du sie auf den ersten blick im validator sehen kannst und ich nicht alles für dich beseitige :)
und zu guter letzt die wiederholung des in diesem threads schon oft gefallenen ratschlags:
wenn du html schreiben möchtest, dann beschäftige dich auch mit den hintergründen...
html ist nur eine textauszeichnungssprache, nicht mehr und nicht weniger. es dient dazu zb überschriften als solche zu kennzeichnen...
css ist für das layout da...
und es ist sinnvoll diese beiden auszeichnungssprachen zu trennen...
es gibt zum beispiel rein textbasierte browser, die den inhalt auch korrekt angeben sollen (außer du willst bestimmte benutzergruppen von deiner page ausgrenzen)
wie soll aber zum beispiel lynx, der nur textbasiert ist, also den text in der shell ausgibt sich durch deine, sry ich übernehm das wort nochmal, "div-suppe" durchkämpfen?
wie soll lynx erkennen was nun eine überschrift ist? wie soll lynx deine verwirrten divs darstellen so dass der user den inhalt wie er rüberkommen soll verstehen kann?
das ist nicht die aufgabe des browsers, das ist die aufgabe des jeweiligen webdesigners...
so weit von mir...
lg Xyra
