<h1> und css ....

catch17 · 27.06.2008, 21:58

hallo liebe leute,

hab folgendes problem:

hab eine 20px hohen div-box in der eine 15px große überschrift steht - in der ersten version mittels <b>überschrift</b> nun da 'semantischer' und google besserschmeckensoll mit <h1>überschrift</h1>... (wobei h1 in der css datei mit font-size: 15px; font-weight: bold; definiert wurde)
im ie7 kein problem...
aber im firefox schiebt sich die überschrift so weit nach unten, dass schrift nur noch ab der oberen hälfte sichtbar ist..

bitte um tips und lösungsvorschläge wie ich css-definition von h1 ändere das es auch dem firefox schmeckt... (wobei ich schon weiß, dass ff 'recht' hat und der ie7 wieder mal etwas zu tolerant sieht ... bitte keine browser diskussion

)

lg, catch17

catch17 · 28.06.2008, 12:49

hallo leute,

habs selbst gelöst...
damit die 48 die bislang post geschaut haben aber offenbar lösung auch nicht parat hatten was lernen

- hier die antwort:

h1-h6 erzeugt per default einen block (also einen absatz wie <p>) - den der ie7 ignoriert der ff aber korrekt darstellt...
lösung wenn man das nicht will: im css bei den h1 eigenschaften display:inline hinzufügen dann wirds in beiden ohne block angezeigt

lg, catch17

zAPPEL · 30.06.2008, 15:14

Ein h1 - h6 wird auch im IE immer als Block-Level-Element dargestellt (wenn nicht anders angegeben)

gorie · 09.07.2008, 11:33

das geht natürlich... aber auch padding:0; & margin:0; hätten es getan

27.06.2008, 21:58	#1
catch17 Elite Registriert seit: 27.04.2002 Beiträge: 1.307	<h1> und css .... hallo liebe leute, hab folgendes problem: hab eine 20px hohen div-box in der eine 15px große überschrift steht - in der ersten version mittels <b>überschrift</b> nun da 'semantischer' und google besserschmeckensoll mit <h1>überschrift</h1>... (wobei h1 in der css datei mit font-size: 15px; font-weight: bold; definiert wurde) im ie7 kein problem... aber im firefox schiebt sich die überschrift so weit nach unten, dass schrift nur noch ab der oberen hälfte sichtbar ist.. bitte um tips und lösungsvorschläge wie ich css-definition von h1 ändere das es auch dem firefox schmeckt... (wobei ich schon weiß, dass ff 'recht' hat und der ie7 wieder mal etwas zu tolerant sieht ... bitte keine browser diskussion ) lg, catch17 ____________________________________ ...wenn Ihr hungert, wenn Ihr dürstet - ihr seit nicht allein, wenn Ihr krank seit wenn Ihr leidet - Ihr seit nicht allein -- ER kümmert sich auch um andere NICHT

28.06.2008, 12:49	#2
catch17 Elite Registriert seit: 27.04.2002 Beiträge: 1.307	gelöst... hallo leute, habs selbst gelöst... damit die 48 die bislang post geschaut haben aber offenbar lösung auch nicht parat hatten was lernen - hier die antwort: h1-h6 erzeugt per default einen block (also einen absatz wie <p>) - den der ie7 ignoriert der ff aber korrekt darstellt... lösung wenn man das nicht will: im css bei den h1 eigenschaften display:inline hinzufügen dann wirds in beiden ohne block angezeigt lg, catch17 ____________________________________ ...wenn Ihr hungert, wenn Ihr dürstet - ihr seit nicht allein, wenn Ihr krank seit wenn Ihr leidet - Ihr seit nicht allein -- ER kümmert sich auch um andere NICHT

30.06.2008, 15:14	#3
zAPPEL Inventar Registriert seit: 07.11.2001 Ort: Perchtoldsdorf Alter: 45 Beiträge: 2.085 Mein Computer	Ein h1 - h6 wird auch im IE immer als Block-Level-Element dargestellt (wenn nicht anders angegeben) ____________________________________ „Das menschliche Gehirn ist eine großartige Sache. Es funktioniert vom Moment der Geburt an – bis zu dem Zeitpunkt, wo du aufstehst, um eine Rede zu halten.“ Mark Twain "Windle shook his head sadly. Four exclamation marks, the sure sign of an insane mind" Reaper Man, Terry Pratchett

09.07.2008, 11:33	#4
gorie Master Registriert seit: 31.08.2003 Ort: Velden Alter: 41 Beiträge: 615	das geht natürlich... aber auch padding:0; & margin:0; hätten es getan

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)