Warum positionierst du #menu absolut?
Nimm besser float und margin.
Ansonsten sieh dir mal diese Lösung an: http://www.ohne-css.gehts-gar.net/0044.php
Beiträge von sejuma
-
-
-
Für eine vernünftige Website benötigst di wie bereits erwähnt wirklich eine grundlegend neue Basis:
Für dein IE brauchst du einen standardkonformen Doctype wie diesen:
Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Verzichte auf alle absoluten Positionierungen. Die heißen so, weil sie absolut unnötig sind und nur zu Problemen führen.
Positioniere besser und ausschließlich mit float und margin-Angaben.Packe alle Style-angaben in eine ausgelagerte CSS-Datei. Das verschafft mehr übersicht und führt zu weniger Fehlern.
Verzichte auf die veralteten HTML-font-Tags. Auch das lässt sich besser mit CSS regeln.
Versuche, mit so wenig wie möglich Divs auszukommen. die sollten nur für größere, zusammengefasste Bereiche eingesetzt werden.
Beschäftige dich mit HTML und CSS.
-
Mit diesen Formeln kenn ich mich nicht aus.
Aber mit CSS lässt sich das recht einfach lösen, z.B. so:CSS:
Code
Alles anzeigena.effekt { color: #ccc; font-size: 15px; text-decoration: none; font-family: Verdana; } a:hover.effekt { color: #000; font-weight: bold; font-size: 20px; }HTML:
Code<a class="effekt" href="#">Text mit Vergrößerungserffekteffekt</a> -
Ist mir jetzt zu viel Aufwand, mich da durchzuwursteln.
Was auf den ersten Blick auffällt:
Du hast keinen Standard-Doctype, den der IE benötigt.
Nimm also diesen und schreibe ihn in die allererste Quelltextzeile:Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">An dieser Stelle muss der Unterstrich vor padding-left weg:
ZitatAlles anzeigenul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#FFFFFF;
border-width:1px;
border-color:#fff;
border-style:solid;
text-align:center;
text-decoration:none;
padding:2px 5px 5px 10px;
_padding-left:0;Falls das nichts hilft, versuch's mit dem Menue mal damit:
http://www.ohne-css.gehts-gar.net/0067.php -
1. Gib der Seite zunächst einen standardkonformen Doctype.
2. Danach lass sie validieren.
3. Danach behebe die voraussichtlich erheblich vielen Validierungsfehler.Anstelle von 3:
Beschäftige dich mit HTML und CSS Basics.
Verzichte auf Tabellen für Layoutzwecke.
Verzichte auf Absätze und Leerzeichen, die lediglich als Abstandhalter dienen. -
-
-
-
Fang am besten nochmal komplett neu an. Was du da produziert hast, ist die reinste Div-Suppe. Normalerweise sollte man mit maximal drei bis fünf Divs je Seite auskommen.
Divs solltest du lediglich zur Gruppierung größerer Bereiche verwenden und nicht für jede Einzeldarstellung.
Was du vor hast, lässt sich am besten mit einer ul-Liste realisieren, bei der die einzelnen li's gefloatet sind.
Wie das funktioniert findest du hier erklärt:
http://www.ohne-css.gehts-gar.net/0073.php -
Tut mir leid, aber bei so vielen Fehlern mach ich mir da nicht die Mühe einzusteigen.
Mein Tipp: Wenn es dir ein ernstes Anliegen ist, eine Website zu haben, dann lerne HTML und CSS. -
Hast du html und body auf 100% width gesetzt?
Hat die Seite einen standardkonformen Doctype?Ansonsten immer am besten: Link zur Problemseite posten, damit man alles im Zusammenhang sieht.
-
So klappt das:
Code
Alles anzeigenhtml, body { width: 100%; height: 100%; } .bodyline { width: 95%; max-width:1000px; margin: 0 auto; }
Die Frage ist nur, ob du das auch so willst. Vielleicht meinst du auch min-width.Ich würde generell nur die 1000px nehmen. Bei prozentualen Werten hast du je nach Inhalt das Problem, dass die Relationen verloren gehen, insbesondere wenn noch Grafiken zum Einsatz kommen.
-
Meine Überlegungen hierzu sind folgende, wobei ich mich mal insbesondere auf das HTML/CSS-Forum beziehe:
Irgendwann sind alle gängigen Probleme behandelt. Und wer die Suchfunktion wie immer gewünscht benutzt, der wird dann auch meist fündig.
Somit ist es logische Folge, dass irgendwann die Anfragen nachlassen. Das muss jedoch keinesfalls etwas mit der Qualität des Forums zu tun haben.
Man könnte daraus auch folgenden Schluss ziehen: Je weniger Besucherbeiträge, um so mehr an Themen wurde im Board behandelt.Dann ist es ganz normal, dass jeder Mensch verschiedene Themen- und Hobby-Schwerpunkte hat, die sich nach einer gewissen Zeit auch wieder ändern bzw. verlagern.
Somit hat alles "seine Zeit", alles ist im Fluss.. Und da unsere Zeit immer schnelllebiger wird, ändern sich auch immer schneller die Interessen jedes Einzelnen. So ist heute dieses Forum auf der Favoritenliste und morgen eben ein anderes.Also: Kein Grund zur Panik.
-
-
Das ist ein Fall für Faux Columns
-
Die CSS-Datei benötigt keine besonderen Angaben, nur die eigenschaften der zu formatierenden elemente.
Einbindung der CSS-Datei siehe hier Ziffer 2 -
Schmeiß überall position: absolute raus, samt dazugehörigen top/left-Werten.
Positioniere besser und ausschließlich mit float und/oder margin-Angaben."position:absolute" heißt so, weil es meist absolut unnötig ist bzw. man es nur verwenden sollte, wenn man sich absolut sicher ist, was es bedeutet.
-
Vermutlich befinden sich die Links in einem gesonderten div ID.
Dann könntest du deren Formatierung vornehmen, indem du diesen entsprechenden Div voranstellst.
Beispiel:Code#navi a:link {..}
gilt dann nur für alle a innerhalb #naviAlle außerhalb dieses Divs verlinkten Bilder können dann anders dargestellt werden.
-
Auch das ist noch eine Möglichkeit: CSS-Image-Map.