 unterschiedliche darstellung css navi (ff und ie) |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
 06.09.2006 - 10:01
Beitrag
#1
|
|
|
is getting harder Gruppe: User Beiträge: 13 Mitglied seit: 06.09.2006 Mitglieds-Nr.: 6.258  |
Hallo, ich bin neu hier. Ich heiße Claudia, bin 41 und seit 1999 beschäftige ich mich mehr oder weniger intensiv mit Webseiten. Seit einiger Zeit mit Phase 5 (und ich habe jetzt erst entdeckt, dass es hier ein Forum gibt!)
Ich pfriemel schon eine ganze Weile mit einer Seite herum, ich hoffe, ich werde hier eine Lösung finden. Ich habe dieses Menü benutzt (http://css.maxdesign.com.au/listamatic/horizontal05.htm) und farblich angepasst. Aber im IE wird der obere Rand der Buttons nicht angezeigt, ich kann machen, was ich will. Zur Veranschaulichung habe ich mal die Dateien in ein Testverzeichnis hochgeladen. http://www.claudiafinke.de/can06.html (ist die Originaldatei) ist so, wie es online ist, bei http://www.claudiafinke.de/test/index.html ist die Tabellenzeile höher, sodass man den fehlenden Rand besser sieht und bei http://www.claudiafinke.de/test/index_tes.html habe ich einen dicken Rand oben definiert, der aber im IE auch nicht angezeigt wird! Ich habe *keine* Ahnung, was hier passiert - hat irgendjemand eine Idee? Danke... Claudia |
 |
 
|
 |
Antworten
|
09.09.2006 - 0:37
Beitrag
#2
|
|
|
Anwärter auf W3.org Mitgliedschaft  Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
Hallo
Standardkonform ist das zentrierte Anzeigen eines Blockelements mit margin-left:auto; margin-right:auto; zu erreichen. Aber wer kann's mal wieder nicht? Richtig, der MSIE (zumindest bis V 6). Der benutzt text-align:center; um dies zu erreichen. Diese Angabe ist allerdings nicht für Blockelemente, sondern für deren Inhalte gedacht. Zu umgehen ist das Dilemma durch folgendes Vorgehen: QUELLTEXT <html> <head> <title>Zentriertest</title> </head> <body> <div id="all"> <h1>Zentriertest</h1> <p>Irgendwelcher Fülltext ohne tieferen Sinn.</p> </div> </body> </html> Soweit der HTML-Quelltext. QUELLTEXT body { margin:0; padding:0; text-align:center; } Die Angabe zum text-align lässt den Inhalt von <body> zentriert erscheinen. Der MSIE wendet dies auch auf Blockelemente (hier <div id="all">, <h1>, <p>) an, alle anderen Browser zentrieren nur den Text innerhalb der Blockelemente. Dies wird deutlich, wenn wir im nächsten Schritt dem <div> eine Breite verpassen. QUELLTEXT #all { width:20em; border:1px solid; } MSIE zentriert den Block auf der Seite (so wie es claudettina bei sich beobachtet hat) mit zentriertem Text, alle anderen Browser zeigen den Block auf der linken Seite mit zentriertem Text. Wir zentrieren den Block nun standardkonform. Der MSIE wird es ignorieren, aber der hat ja schon eine ihm verständliche Angabe. QUELLTEXT #all { margin:1em auto; width:20em; border:1px solid; } Der Block ist nun überall zentriert. Zusätzlich schaffen wir 1em Platz nach oben. Allerdings ist immernoch der Text zentriert. Ist das nicht gewünscht, geben wir für <div id="all"> noch text-align:left; an. Die Angabe gilt für alle Elemente (für den MSIE) und deren Inhalte innerhalb von <div id="all">. Damit sollte allen Browsern gedient sein. Tschö, Auge |
|
|
|
Beiträge in diesem Thema
claudettina unterschiedliche darstellung css navi (ff und ie) 06.09.2006 - 10:01
Thomas Hallo Claudia, willkommen im Forum.
Zuallererst: ... 06.09.2006 - 10:22
Thomas Meine Reduktion ergab folgenden HTML-CodeHTML<... 06.09.2006 - 11:04 Thomas Noch ein Tipp: Wenn du im obersten Quellcode von m... 06.09.2006 - 14:10 Thomas Und nach einem letzten Test nochmal in einem ganze... 06.09.2006 - 16:01 claudettina Boh. Vielen Dank für diese superschnelle Antwort, ... 06.09.2006 - 19:06 claudettina So, ich hab jetzt mal lokal ein bisschen rumgespie... 07.09.2006 - 7:10 Thomas Jepp, für deine Liste war wie geschrieben nur dasH... 07.09.2006 - 7:36 Conny Moin,
es ist halt mühsam sich (im Quelltext) durc... 07.09.2006 - 8:23 Thomas ZITAT(Conny @ 07.09.2006 - 9:23) es ... 07.09.2006 - 8:37 claudettina Das war mir fast klar, dass hier eine Tab vs Div-D... 07.09.2006 - 8:44 Thomas ZITAT(claudettina @ 07.09.2006 - 9:4... 07.09.2006 - 9:00 Conny Hallo,
ZITAT(Thomas @ 07.09.2006 - 7... 07.09.2006 - 11:16 claudettina Huppsala! Jetzt habe ich eine Seite mal spaßes... 07.09.2006 - 18:00 Conny Hi Claudia,
abhilfe für FF, direkt nach dem body-T... 07.09.2006 - 21:34 Thomas Naja, CENTER ist ja deprecated. Ein allgemeines Ve... 08.09.2006 - 9:49 Conny Hallo,
ZITAT(Thomas @ 08.09.2006 - 8... 08.09.2006 - 16:19 Thomas ZITAT(Conny @ 08.09.2006 - 17:19) Im... 08.09.2006 - 19:19 |
6 Besucher lesen dieses Thema (Gäste: 6 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 25.05.2025 - 5:43 |