|
|||
Ausrichtungsproblem mit Firefox
Hallo
habe mich nach langer Auszeit im Bereich Webseitenerstellung mal wieder an das ganze herangewagt. Nachdem ich festellen musste, dass "Tabellen" out sind und css nun das Mittel der Wahl ist, habe mich in den letzten Tagen ein wenig mit css beschäftigt und ein layout erstellt. Funktioniert alles bisher ganz gut, auch wenn ich vielleicht mit Umwegen zum Ziel gekommen bin. Allerdings rätsel ich jetzt seit einigen Stunden an einem Darstellungsproblem. Im Internet-Explorer wird die Seite so wie sie sollte angezeigt. Internet Explorer korrekte Anzeige - Firefox falscher Abstand Im Firefox wird der Teil "content" ein Stück nach unten gesetzt. Das Merkwürdige: Sobald ich die Border um den Content auf 1 setze, ist auch im Firefox alles in bester Ordnung. Nur die Border soll da nicht hin. Internet Explorer korrekte Anzeige - Firefox falscher Abstand Wenn einer eine Lösung dafür weiss, wäre ich sehr dankbar. Verzweifel hier langsam CSS ist noch in der html Seite enthalten, da ich noch am probieren bin, kann also beim Aufruf des Seitenquelltextes gleich mit angeschaut werden. Lieben Gruß und danke schonmal im voraus Christin |
Sponsored Links |
|
|||
Ich weiß nicht, wo ich anfangen soll.
Zunächst fällt auf, dass der Umstieg von "Tabellenlayouts" zu semantischen HTML und CSS-Formatierung absolut missglückt ist. Dein Code ist die reinste Div-Suppe. Es ist nichts außer divs zu sehen. Eine Navigation gehört z.B. in einer unsortierte Liste <ul>. Mach dich am besten als erstes schlau über semantisches Markup. Zitat:
Dann ist dein Code voller Fehler: [Invalid] Markup Validation of http://www.schattengedanken.de/test1/index2.html - W3C Markup Validator Geändert von regloh (21.06.2009 um 15:57 Uhr) |
Sponsored Links |
|
|||
Regloh hat mit seinen Hinweisen selbstverständlich recht, aber das eigentliche Problem liegt im margin-top von #c1. --> Collapsing Margins.
|
|
|||
Danke ersteinmal für die schnelle Hilfe
Werde also nocheinmal in mich gehen und ersteinmal die Navi umstricken. Dann das Problem mit den Margins mal genauer betrachten. Aller Anfang ist halt schwer Lg Christin Edit: Nach einigem Lesen wird alles irgendwie immer unklarer. Die Möglichkeit eine horizontale Navigation zu erstellen ist mir jetzt so halbwegs klar. Nur noch mal zur Sicherheit ob ich das richtig verstanden habe: Ich definiere zb. nav1, nav1 ul, nav1 li und habe nur noch einmal div in dem ich dann mit einem div am anfang der liste und einem zum abschliessen alles schön formatiert habe. Funktioniert auch. Jetzt habe ich das ganze mal zum testen mit Bildern gemacht. Klappt auch prima. Jetzt kommt der Teil an dem ich irgendwie hänge. Die Buttons sollen beim Mouseover wechseln und jeder Button sieht anders aus und hat eine andere grösse. Da komme ich dann wieder bei vielen divs an - für jeden Button einen da ich ja jedem Link einen anderen Button zuweise. Oder habe ich da nur einen riesen Denkfehler? Wahrscheinlich eine grauenvolle Anfängerfrage, aber möchte eine "schöne" Lösung für das Layout der Seite in CSS. Habe im Moment die Zeit mich ein wenig damit zu befassen und muss die Seite nicht in einem "Schnellgang" dahinfrickeln und das Layout mal wieder einfach in eine Tabelle drücken und die Mouseover mit Javascript realisieren. Denke wenn ich da mit CSS angefreundet habe, dann wird es die Arbeit erleichtern und es wäre die elegantere Lösung für das Layout. Wäre toll, wenn mir da jemand noch ein wenig zur Seite stehen könnte. @EvT: Die groben Codefehler habe ich erst einmal behoben. Da muss sich einiges beim hin und her kopieren von einer Seite in die nächste Version ergeben haben, auf anderes habe ich überhaupt nicht geachtet - Danke. Geändert von Christin (21.06.2009 um 18:25 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Benötige dringend Hilfe mit CSS in Firefox & IE :( | r4m0n | CSS | 3 | 20.03.2009 12:12 |
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr | kristian | Javascript & Ajax | 3 | 05.08.2008 17:10 |
Problem mit 3-spaltigem Layout im Firefox | Imhotep | CSS | 4 | 08.07.2008 18:17 |
Firefox 1.5 Beta 1 | Pablo | Offtopic | 19 | 13.09.2005 19:56 |
Bitte testen mit Firefox und IE (Vergleich!) | Spider | Site- und Layoutcheck | 8 | 23.09.2004 23:38 |