|
|||
![]()
Hallo zusammen
Mittels CSS positioniere ich immer eine Zeile von 5 kleinen Bilder nebeneinander. Nach 5 Bilder mache ich mittels clear:left einen Zeilenumbruch. Im Firefox sieht es auch wunderbar aus aber im IE macht es mir eine Treppe mit den Bildern. Schaut es euch doch mal an: Hier klicken Der Code sieht folgendermassen aus: Code:
/****CSS für gelbe Tabs******/ #navcontainer { margin: 0px; padding-left: 2px; } #navcontainer ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; } #navcontainer ul li { padding-left: 10px; } #navcontainer ul li a { text-decoration: none; background: url(../images/layout/folderOFF.png) no-repeat top left; font-size: 10px/12px; float: left; margin: 0px; height: 80px; width: 150px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } #navcontainer li a:hover { background: url(../images/layout/folderON.png) no-repeat left top; color: #ff3333; font-weight: bold; } /********ENDE****************/ Gruss Michi |
Sponsored Links |
|
|||
![]()
Sehen tu ich nix, mit der Log-in-Aufforderung gehts net mehr weiter.
Du verwendest allerdings keinen Doctype. Dadurch interpretiert der IE das Boxmodell anders als der FF. das kann erhebliche Layoutprobleme nach sich ziehen. Lies mal das: http://www.carsten-protsch.de/zwisch...model_bug.html grüsse andir
__________________
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 |
Sponsored Links |
|
|||
![]()
Sorry klar mein Fehler.
Hier der richtige Link: Richtiger Link User: admin PW: admin Dann sieht man auch was. Danke und Gruss Michi |
|
|||
![]()
Habe nun den Doctype hinzugefügt und den Float ebenfalls schon beim li Element hinzugefügt. Sieht nun zwar besser aus aber immer noch nicht befriedigend.
Hat der IE Probleme den Style clear:left richtig anzuzeigen? Weiss jemand was? Bin für jeden Input sehr dankbar. Gruss Michi |
|
|||
![]()
Hm?
Vergessen hochzuladen? vergessen, den a das float zu nehmen? vergessen, das überflüssige </head> rauszunehmen? grüsse
__________________
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 |
|
|||
![]()
Alles vergessen...bin ein bisschen durch den Wind.
Habe das File nun hochgeladen, den überflüssigen Tag entfernt...wenn ich allerdings dem a das float wegnehme, gehts auch im FF nicht mehr. Danke schon wieder für eure Hilfe. Gruss Michi |
|
|||
![]() Code:
#navcontainer ul li { padding-left: 10px; hier ein float left zusetzen } #navcontainer ul li a { text-decoration: none; background: url(../images/layout/folderOFF.png) no-repeat top left; font-size: 10px/12px; float: left; margin: 0px; height: 80px; width: 100px; padding-top: 13px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; } grüsse andir
__________________
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 |
|
|||
![]()
Natürlich hats was gebracht.
![]() Jetzt sieht es aus, wie es soll, siehe screenshot (Browsercache und temp-dateien leeren) grüsse andir
__________________
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 |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit margin-left | Shyne | CSS | 7 | 03.03.2008 18:02 |
Font der Überschrift ändern (Problem) | artist | CSS | 2 | 07.12.2007 10:01 |
Design zu CSS/HTML verarbeiten - Problem häufen sich. | Grafikamateur | CSS | 2 | 06.08.2007 09:57 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 17:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 06:28 |