|
|||
Stylesheet formatierung ist im Firefox anders als im Internet Explorer
hallo hab da einma leine Frage...
ich habe eine html datei erstellt mit einem externen Styleesheet, diese habe ich im Typo3 zusammengesetzt und die Inhalte eingefügt. Eigentlich bin ich auch mit meiner Webseite zufrieden, zumindest wenni ch sie mit dem Internetexplorer öffnen. DOch wenn ich sie mit dem Firefox öffne, verschiebt es alles. zB ist zwischen den Bereichen Header, Submenu und Content ein abstand, weiß aber nichtr warum. schicke euch einmal was ich in den Stylesheet geschrieben habe: --------------------------------------------------------------------- * {margin-left: 0; /*padding: 0 20 0 0;*/ font-family: Verdana, Helvetica 62.5% sans-serif;} body { background: #DCDCDC; font-family: Verdana, Helvetica 62.5% sans-serif; padding: 0% 12% 2%; /*width: 949px;*/ font-size: 9pt; line-height: 0.7; } p { padding: 0px 90px 0px ; } h1{padding: 2px 70px 10px;} h3{padding: 20px 90px 10px;} h4{padding: 20px 90px 10px;} .header { background: #FFFFFF; height: 338px; width: 949px; } strong{ padding: 0px; } table { margin-left: 100px; } #headerimage { padding: 0px 100px 0px 0px; } #submenu { /*background: #FF0000;*/ background: url(Bilder/content.jpg) repeat-y ; width: 949px; padding-left: 0px; /*padding-bottom: 3m;0px;*/ } #submenu.p { margin-left: 50px; } img { /*margin:0px 0px 0px 10px;*/ text-align:left; margin-right: 10px; } #content { background: url(Bilder/content.jpg) repeat-y ; height: 350px; width: 949px; /*padding:0px 0px 0px 90px;*/ font-family: Verdana, Helvetica 62.5% sans-serif; } #content.p { } #footer { background: url(Bilder/footer2.jpg) no-repeat; height: 150px; width: 949px; /*padding: 10px;*/ /*padding: 40px 12px 12px 780px;*/ } #footer a{ float: right; /*padding: 30px 12px 12px;*/ font-family: Verdana, Helvetica 45.5% sans-serif; font-size: 12px; } #footer a:hover { text-decoration: none; color: #18af83; ------------------------------------------------------------------------ bitte euch um eure hilfe , bitte ist sehr wichtig. Danke lg mia |
Sponsored Links |
|
|||
hallo hab ein bild meiner Seite gemacht, hoffe es hilft euch mir zu helfen *gg*
Problem der Kontent ist zu kurz ( der Inhalt wird hinaus geschrieben - bei Internet Explorer passt sich der Kontent dem Inhalt an) und die Bilder Sollten einen gewissen Abstand zum Rand haben. Aussrdem ist zwischen den Unterpunkten und dem Content ein Abstand, der nicht sein sollte. Danke |
|
|||
Ich ahne hier mehrere Fehler.
*Kristallkugel polier* Ich habe zwar keinen tauglichen HTML-Quellcode, vermute aber, dass mangels eines Doctypes Doctype Switch und seine Folgen geht der IE in den Quirksmode und weitet deshalb den Content trotz der vorgegebenen Höhe aus, was sonst nicht zulässig ist. Mit einem brauchbaren Doctype sollte es funktionieren, WENN die Höhenangabe für Content entfällt. Das zweite betrifft die horizontalen Spalten. Spiel da mal mit den padding-und margin- Werten rum, ich glaube nicht, dass die wirklich alle auskommentiert waren in deiner Testdatei.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Code:
1 * Namen von Schriftfamilien, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt. 5 body Namen von Schriftfamilien, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt. 54 #content Namen von Schriftfamilien, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt. 70 #footer a Namen von Schriftfamilien, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4 |
|
||||
Die Anführungszeichen sind nur dann nötig, wenn zwei oder mehr Leerzeichen nebeneinander stehen und nicht zu einem zusammengezogen werden sollen.
Kurz: Wenn eine Schrift aufeinanderfolgende Leerzeichen im Namen hat. Helvetica 62.5% sans-serif meint zwar sicher etwas anderes als dasteht, aber es ist syntaktisch vollkommen in Ordnung. Daß es nicht »validiert« hat andere Gründe.
__________________
toscho.de |
Sponsored Links |
Stichwörter |
design, externer stylesheet, firefox, stylesheet, übereinstimmen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Firefox zeigt mittig / Internet Explorer 8 links *** warum ?? | i_dont_know | CSS | 2 | 09.11.2009 11:19 |
Internet Explorer vs. Firefox | Kendis | CSS | 12 | 07.09.2009 21:22 |
Firefox und Internet Explorer | messerjocke | CSS | 0 | 15.09.2008 18:33 |
Internet Explorer und Firefox Css?? | p.rogge | CSS | 4 | 24.06.2008 18:26 |
Firefox und Internet Explorer 7 vertragen sich immer noch nicht | kadees | Offtopic | 3 | 01.08.2007 13:53 |