|
|||
Css Bug Verzweiflung
Guten Morgen^^
ICh habe da mal so ein Problem, Was ich mir schon seit Tagen um die Ohren schlage. ICh habe einen Rahmen <div> um einen Countainer gelagt. Das geht auch Wunderbar. Nur Ist ein Darstellungs FEhler im Firefox. Und Zwar, Der Linke und Rechte RAnd hatt eine Preite von 9px also gebe ich im CSS padding-left:9px; und padding-right:9px; an. Und das auf beiden Seiten. Nur habe ich das Problem wie Oben Gesagt das der Firefox das nur auf der Rechten seite padding-right:9px; Berücksichtigt aber nicht auf der Linken Seite. Da steht es etwar 1-2 Px über dem Rand. Also sozusagen Liegt die Innere Box auf dem Rahmengrafik LINKS. Dieser Bug ist aber weder im IE, noch im Opara. Nur der Firefox macht Muken Kann mir Bitte jemant Sagen, wie man das Ausrichtet so das es im IE, FF ect Passt?... Hier mal eben noch der Code. der wird ja von Wichtig keit sein. Code:
<table align="center" border="0" cellspacing="0" cellpadding="0" style="width:100%"> <tr> <td><div class="obenlinks"></div></td> <td><div class="obenlinks2"></div></td> <td width="100%"><div class="obenmitte2"><div class="obenmitte"></div></div></td> <td><div class="obenrechts2"></div></td> <td><div class="obenrechts"></div></td> </tr> </table> <table align="center" border="0" cellspacing="0" cellpadding="0" style="width:100%"> <tr> <td class="leiste_links"></td> <td> <table width="100%"> <tr> ##### inhalt ##### </tr> </table> </td> <td class="leiste_rechts"></td> </tr> </table> <table align="center" border="0" cellspacing="0" cellpadding="0" style="width:100%"> <tr> <td><div class="untenlinks"></div></td> <td><div class="untenlinks2"></div></td> <td width="100%" align="center"><div class="untenmitte"></div></td> <td><div class="untenrechts2"></div></td> <td><div class="untenrechts"></div></td> </tr> </table> ## DIE CSS DAZU ## .obenlinks { background: url("oben_links.jpg"); background-repeat: no-repeat; background-position: bottom left; padding-left: 9px; height: 30px; } .obenlinks2 { background: url("oben_links2.jpg"); background-repeat: no-repeat; background-position: bottom left; padding-left: 89px; height: 30px; } .obenmitte2 { background: url("oben_mitte2.jpg"); background-repeat: repeat-x; background-position: bottom; height: 30px; } .obenmitte { background: url("oben_mitte.jpg"); background-repeat: no-repeat; background-position: bottom; height: 30px; } .obenrechts2 { background: url("oben_rechts2.jpg"); background-repeat: no-repeat; background-position: bottom right; padding-right: 112px; height: 30px; } .obenrechts { background: url("oben_rechts.jpg"); background-repeat: no-repeat; background-position: bottom right; padding-right: 9px; height: 30px; } .untenlinks { background: url("unten_links.jpg"); background-repeat: no-repeat; background-position: top left; padding-left: 9px; height: 24px; } .untenlinks2 { background: url("unten_links2.jpg"); background-repeat: no-repeat; background-position: top left; padding-left: 89px; height: 24px; } .untenmitte { background:url("unten_mitte.jpg"); background-repeat: repeat-x; background-position: top; height: 24px; } .untenrechts2 { background: url("unten_rechts2.jpg"); background-repeat: no-repeat; background-position: top right; padding-right: 112px; height: 24px; } .untenrechts { background: url("unten_rechts.jpg"); background-repeat: no-repeat; background-position: top right; padding-right: 9px; height: 24px; } .leiste_rechts { background: url("rand_rechts.jpg"); background-repeat:repeat-y; background-position:top right; padding-right:9px; } .leiste_links { background: url("rand_links.jpg"); background-repeat:repeat-y; background-position:top left; padding-left: 9px; } Mfg...Hangman Geändert von Hangman (14.01.2008 um 02:29 Uhr) |
Sponsored Links |
|
|||
Mit <div> meinte ich den Rahmen Code der oben Gepostet ist. Plus die Css dazu.
Gesucht habe ich 3 Tage nach einer Erleuterung wie man es macht das alles Bündig sitzt. Was ist da jetzt nicht richtig Gefragt? Ich brauche ja nur einen CSS code der mir Zeigt, wie man Den Inhanlt bündig setzt. Wie gesagt der IE und Opara macht es ja nur der Firefox nicht. Und soviel wie ich schon Html und CSS gelesen habe kam ich Trotzdem nicht auf den grünen Zweig. Einen Css und Div Code wie man einen Komplett umschlossenen Rahmen um einen Countainer legt habe ich auch nicht gefunden. Den eigentlich wollte ich das nich mit Tabellen in Kombination Div machen. Abwer was anderes viel mir leider nicht ein Die Suche hier habe ich Genutzt, kam aber nichts dabei raus. Mfg...Hangman |
|
|||
Kannst Du mal - vielleicht auf einem der vielen kostenlosen Webspaces, ein Beispiel posten? Deine Datei ist unvollständig und kann so nicht bearbeitet werden. Ferner ist mir nicht klar, welches div sich um welches andere Element legen soll.
Wofür brauchst Du die ganzen tables?
__________________
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 |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inspiration - Sammlung von Links | emti | Ressourcen | 8 | 01.12.2009 19:02 |
Doctype und CSS Problem | tech | CSS | 3 | 29.05.2009 21:16 |
Your browser does not support CSS.... | Iustinian | CSS | 11 | 16.10.2008 11:08 |
Brauche Hilfe bei preg_match | CSS im Newssystem | Zen5656 | Serveradministration und serverseitige Scripte | 21 | 19.01.2007 16:33 |
3 px Bug und css valid | rasilo | CSS | 2 | 13.05.2005 21:03 |