title image


Smiley euch Beiden. Lösung meines Problems siehe inside
#headline {

margin-left: 128px;

height: 115px;

}

#head1 {

width: 8em;

height: 90px;

float: right;

}

#head1 .distance, #head2 .distance {

width: 1px;

height: 50%;

float: left;

}

#head1 .distance {

margin-bottom: -0.9em;

}

#head1 h1 {

clear: left;

padding-right: 30px;

font-size: 1.5em;

line-height: 120%;

text-align: right;

}

#head2 {

margin-right: 8em;

height: 90px;

}

#head2 .distance {

margin-bottom: -1.5em;

}

#head2 h2 {

clear: left;

font-size: 1em;

line-height: 150%;

text-align: center;

}



<div id="headline">

<div id="head1">

<p class="distance"></p>

<h1>Tiroli</h1>

</div>

<div id="head2">

<p class="distance"></p>

<h2>Dienstleistungen f&uuml;r Orthop&auml;die und Schuhtechnik<br />

Bodenbau und Zurichtung</h2>

</div>

.

.

Menü

.

</div>





Für die Klasse .distance habe ich abweichend ein Absatzelement genommen. Noch 2 Div

mehr sah zu sehr nach Div-Suppe aus.



Ist zwar nicht sonderlich schön die Lösung, dafür funktioniert es in allen meinen Browsern.



[Edit]

Man sollte besser kopieren statt abschreiben. Dann entstehen auch keine Schreibfehler.



mfg Achim







geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: