title image


Smiley Re: Ausrichtung klappt nicht.
Hallo qwert2,



Dein Problem ist, dass durch float die Blockelemente ihre spezifische Breite

verlieren. Sie sind dadurch nur noch so breit, wie ihr Inhalt.



Würden h1 und h2 in einer Zeile einegebaut, würden diese sogar direkt

nebeneinanderstehen, weil beide Elemente ein float:right; haben.



Das Problem kannst Du aber beseitigen, wenn Du dem 2.Element zusätzlich mit

clear:right; formatierst.



Ein weiteres Problem ist das margin-right:

Du hast für beide Elemente einen Wert von 0.5em formatiert. Dieser Wert wird mit

Bezug auf die verwendete Schriftgröße dargestellt.

Im Klartext: h1 hat durch den größeren font-size auch ein größeres margin-right.



Effektiv erzeugt

h1 (font-size: 1.3em; margin-right: 0.5em) einen Abstand von 0.65em (1.3em * 0.5em = 0.65em)

h2 (font-size: 1.1em; margin-right: 0.5em) einen Abstand von 0.55em (1.1em * 0.5em = 0.55em)



Auch dieses Problem kannst Du beseitigen, wenn stattdessem dem übergeordneten

Container ein padding-right anformatiert wird. margin-right entsprechend bei beiden

Überschriften auf Null setzen.



mfg Achim

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: