<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 :rolleyes:;) )

lg, catch17

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 :D ;) - 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 :bier:


lg, catch17

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

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