|
|||
Titel wird im IE abgeschnitten
Hallo miteinander!
Wieder einmal stehe ich vor einem äusserst seltsamen Problem: Ich habe mehrere div-Blöcke, in einem davon soll ein grosser Titel in 34px angezeigt werden. So weit, so einfach. Aber: in IE7 wird der Titel unten abgeschnitten, während FF alles korrekt anzeigt (siehe Screenshots). Wenn ich den Font-Size kleiner mache, erscheint der Titel auch im IE vollständig, es scheint also so, als würde der Titel von irgendwas überlagert - ich hab aber echt keinen Plan, von was. HTML-Code:
<div id="title_text">abgeschnittener Titel</div> <div id="title_corner"><img src="../../corner.gif" width="46" height="65" /></div> Code:
#title_text { background-color:#f18e00; float:left; height:41px; padding: 24px 0px 0px 20px; font-size:34px; font-weight:bold; color:#FFF; } #title_corner { height:65px; float:left; } Beste Grüsse, Dude Geändert von ThreeDude (10.11.2009 um 10:34 Uhr) |
Sponsored Links |
|
|||
Das wird vermutlich am padding-top liegen. Nimm dieses padding raus und
nimm doch line-height in Höhe der divbox (41px) um das vertikal zu zentrieren. Davon abgesehen ist dein Konstrukt unnötig kompliziert. Einfacher wäre es nur EINE Box zu nehmen, das Bild als Hintergrundbild rechts (top right) einzubinden. Zwei floats und mögliche Fehlerquellen erspart...
__________________
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 |
|
|||
Hi andir
Sorry, dass ich erst heute antworte, war anderweitig beschäftigt und kam erst jetzt dazu, Deinen Code auszutesten. Was soll ich sagen ... auch auf die Gefahr hin, mich zu wiederholen: Du bist der Beste! Klappt nun alles sauber, einfach perfekt. Heissen Dank für Deine wiederholte kompetente Hilfestellung! Beste Grüsse, Dude |
|
|||
Lob höre ich immer gern
auch wenns nicht stimmt
__________________
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 |
CSS3: box-shadow wird beim hovern abgeschnitten | kadees | CSS | 2 | 20.10.2010 21:50 |
Broblem mit Flyout, dieser wird abgeschnitten | n8schicht | CSS | 3 | 19.08.2010 20:13 |
CD-Sammlung zu verkaufen | Geronimo | Offtopic | 14 | 15.05.2009 22:35 |
Probleme beim ausdrucken | clumsy | CSS | 11 | 09.12.2008 13:42 |
Titel der Seite | The Sayan | Serveradministration und serverseitige Scripte | 2 | 27.07.2006 14:10 |