|
|||
Links out of order: Problem mit margin und padding im Opera
Folgender Code hat im Opera ein Fehlverhalten zur Folge:
Code:
<style> * { margin: 0; padding: 0; } #menue { margin-bottom: 5em; } #menue li { display: inline; float:left; } #menue a { display: block; color: #00F; background-color: #EEE; border: 1px solid #000; border-right-width: 0; text-decoration: none; width: 8em; padding: 1px 0; text-align: center; } #menue a:hover { background-color: #DDD; color: #000; } </style> <div id="menue"> <ul> <li><a href="link1.html">Link 1</a></li> <li><a href="link2.html">Link 2</a></li> <li><a href="link3.html">Link 3</a></li> <li><a href="link4.html">Link 4</a></li> <li><a href="link5.html">Link 5</a></li> </ul> </div> weiterer Text 1. Ersetzen der Zeile * { margin: 0; padding: 0; } durch * { margin: 0; } 2. Ersetzen der Zeile * { margin: 0; padding: 0; } durch * { margin: 0; padding: 1px; } und Einfügen von padding: 0 in #menue li 3. Löschen von #menue { margin-bottom: 5em; } 4. Ersetzen von #menue { margin-bottom: 5em; } durch #menue { padding-bottom: 5em; } Kennt jemand diesen Bug? Wie kann man ihn am besten umgehen? Ich präferiere im Moment die 4. Methode. |
Sponsored Links |
|
|||
Ja, ich kenne dieses Problem. Der margin des umgebenden Elements "liegt über" den Links.
Sorge dafür, dass das umgebende Element die floats einschließt. Methoden dazu findest du unter FAQ Punkt 2. Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html und poste das nächste Mal vollständigen Code. Danke. |
Sponsored Links |
|
|||
Was meinst Du mit vollständigem Code? Du brauchst den Code doch nur in eine Textdatei kopieren und nach HTML umbenennen. So ist das doch lauffähig. Oder meinst Du, ich sollte ein HTML-Grundgerüst einfügen? Habe ich extra nicht gemacht, damit es übersichtlich bleibt und man schneller den Code überblicken kann.
|
|
|||
Ja.
Informier dich über den Einfluss der Doctype-Angabe auf die Darstellung. Außerdem validiere immer deinen Code bevor du ihn hier einstellst. All das kannst du auch in dem Link nachlesen. Zitat:
Es ist mir unverständlich, dass nach der Lektüre des obigen Links noch immer über diese Selbstverständlichkeiten diskutiert werden muss. Bitte übrigens. Es macht doch immer wieder Freude, Forenteilnehmern bei der Lösung ihrer Probleme zu helfen, die nicht einmal ein "Danke" auf die Tastatur bringen. Geändert von fricca (30.04.2007 um 01:29 Uhr) |
|
||||
Zitat:
Zitat:
Zitat:
Das interpretiere ich so, auf "Schnickschnack" wie ein Grundgerüst, sofern es nicht Einfluß auf das Problem hat, zu verzichten. Meine weitere Ansicht dazu habe ich oben dargestellt. Vielleicht ist es jetzt verständlich. Nach Durchsicht einiger Threads mußte ich feststellen, daß zumeist noch nicht mal ein rudimentärer Code, wie ich ihn gepostet habe, angegeben wird. Zumeist werden nur ein paar CSS-Schnipsel notiert. Das kannst Du kritisieren. Das ist ein echtes Ärgernis, weil es zusätzliche Arbeit bereitet. Zitat:
Erwarten sollte man als Antwortender hingegen gar nichts. Es zwingt Dich keiner zu antworten. Wenn Du aber nur klugscheißen willst, was ich erst mal nicht unterstellen will, dann ignoriere zukünftig bitte meine Fragen. Zu sowas habe ich keine Zeit und Nerven. |
|
|||||
Zitat:
Zitat:
Besonders deine beständige Weigerung, dich an die genannten Grundlegeln zu halten, zeugt von fehlendem Respekt gegenüber den Bemühungen der Antwortenden. Zitat:
Zitat:
Zitat:
|
|
|||
Vielleicht wäre es eine gute Idee, das auch explizit in dem Artikel zu schreiben, denn nicht jeder Anfänger weis was "lauffähig" genau bedeutet. Insbeondere sollte dort zumindest mit einem Satz auf den DOCTYPE eingegegangen werden (mit Link auf die FAQ).
Robin |
|
|||
Ich habe kein Problem damit, einem Anfänger einen diesbezüglichen Hinweis zu geben.
In diesem Thread geht es aber nicht um einen Anfänger, der es einfach noch nicht besser weiß. Zitat:
|
|
|||
Zitat:
Robin |
Sponsored Links |
|
|||
Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
Frage zu horizontalen Linien | marvin1989 | CSS | 3 | 30.12.2009 00:35 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 02:35 |
Float - Probleme | wolf1985 | CSS | 5 | 19.08.2008 09:14 |
Problem mit Boxendarstellung mit Bild | Sordum | CSS | 6 | 22.06.2008 17:04 |