|
|||
Firefox floatet nicht richtig
Hallo zusammen,
ich bin neu hier und gebe hiermit meinen Einstand. Guten Tag. In meinem Layout Unser Team - Pfleger gibt es floatende Elemente (nämlich die Mitarbeiter). Diese Liste ändert sich ab und an. Realisiert habe ich das mit Code:
.personalie { width: 33%; float:left; margin-top: -5px; } Wie kann ich FF da auf die Sprünge helfen? |
Sponsored Links |
|
|||
Erstens: Eine Aufzählung ist eine Liste und sollte auch mit einer Liste umgesetzt werden.
Code:
<ul class="personalie"> <li>Mitarbeiter 1 auch mit Bild und <p> Absatz</p> </li> <li>Mitarbeiter 2 auch mit Bild und <p> Absatz</p> </li> </ul> Anmerkung: Mit diesem markup vermeidest du auch 10000e Wiederholungen von class="personalie", ist viel sauberer. Du musst jeden 3. Eintrag in einer neuen Zeile anfangen lassen: Code:
.personalie li:nth-child(3n+1){clear:both} Edit: Ich sehe gerade du hast auch viele redundante Klassen im Menü (weiter habe ich nicht geschaut). Du kannst dir die Klassen wie prim sec terz etc. sparen. ul > li spricht alle li an, ul > ul > li alle ab der 2., ul > ul > ul > li alle ab der 3. usw. Dadurch wird dein HTML nicht so aufgeblasen. Bzw. kannst du auch den UL die Klassen vergeben und so die Elemente ansprechen (zB mit ul.terz > li ) Geändert von cloned (18.08.2014 um 13:33 Uhr) |
Sponsored Links |
|
|||
Menü: Ich weiss, der Code ist nicht der Weissheit letzter Schluss, an der Seite ist auch oft was geändert worden. Gelegentlich optimiere ich das.
Float: Deine Lösung klingt interessant, ist mir aber leider noch etwas zu hoch. Die Pseudoklasse könnte ich so nehmen, wie Du sie geschrieben hast, oder? Ich müsste dann halt das HTML modifizieren, versteh ich das richtig? |
|
|||
Ja, die kannst du übernehmen. Es liegt an der Natur einer Website, dass diese oft geändert wird. Was einen aber meiner Meinung nach nicht daran hindern sollte, ordentlich zu arbeiten. Deshalb auch mein Hinweis, weil "wenns dann mal fertig ist" schaut keiner mehr drüber und bessert Sachen aus. (Auch wenn man sich das oft genug selber sagt)
Bezüglich der Pseudoklassen: Ich weiß die auch nicht immer alle auswendig, hier gibts eine gute Übersicht mit einer einfachen, kurzen Erklärung. Ich hoffe, die ist ausreichend, um die Selektoren zu verstehen und auch um zu wissen, was es überhaupt so gibt. Für detaillierter Erklärungen dann einfach googlen. |
|
|||
Probiere ich aus. Ich lasse wieder von mir hören. Gespannt bin ich jetzt schon, aber jetzt hab ich schon wieder was anderes auf den Tisch gelegt bekommen.
Gott sei Dank kommt dieser Fehler (bisher) nur einmal vor... Auf allen anderen Unterseiten gibt's da nicht noch einmal (außer ich hab was übersehen). Einstweilen ein warmes Dankeschön! |
|
|||
Juhuuuu!!!
Göttlich! Du hast mich gerettet. Ich habe zwar noch nicht alle Deine Ratschläge in die Tat umgesetzt (ich mach das aber noch, versprochen!) aber der Tip mit der ungleichen Höhe und dem clearen hat es auf alle Fälle gebracht.
Nun bricht in FF, Safrari, IE und Opera alles gleich um und die Sache sieht sauber aus. TOP, danke!!! |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Firefox schneller aufstarten: Firefox Preloader | Pascolo | Offtopic | 8 | 09.02.2009 16:03 |
Problem mit 3-spaltigem Layout im Firefox | Imhotep | CSS | 4 | 08.07.2008 17:17 |
IE floatet nicht richtig nach clear | klofi | CSS | 4 | 11.11.2005 14:37 |
IE floatet Div nicht richtig | nc2001 | CSS | 6 | 17.07.2005 13:00 |
FireFox stellt height:100% nicht richtig dar | Cathness | CSS | 7 | 14.06.2005 13:20 |