zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Titel wird im IE abgeschnitten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.11.2009, 10:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2009
Beiträge: 14
ThreeDude befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Hat irgendjemand eine Idee, wo das Problem liegt? Vielen Dank für Eure Hilfe!

Beste Grüsse,
Dude
Angehängte Grafiken
Dateityp: jpg firefox.jpg (17,3 KB, 9x aufgerufen)
Dateityp: jpg ie.jpg (12,7 KB, 8x aufgerufen)

Geändert von ThreeDude (10.11.2009 um 10:34 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.11.2009, 14:47
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.11.2009, 09:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2009
Beiträge: 14
ThreeDude befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 12.11.2009, 10:37
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:57 Uhr.