jochen: IE 3px gap erschwertes Problem

Beitrag lesen

Hi Detlef!

Danke zunächst mal für deine Antwort. Ich vermute mittlerweile auch, dass es in diesem Fall keine andere Lösung gibt, als eine background-color zu setzen (hab mich neben zig Internetseiten noch mit nem anderen klasse Webmaster unterhalten). Das div mit dem Inlinestyle habe ich nur auf der Startseite eingebaut. Damit wollte ich nur etwas testen! (bezüglich Umbruch) :-) Auf den anderen Seiten kommt das eigentlich nicht vor und wenn wir (mein Homepage-Partner und ich) uns schlussendlich dafür entscheiden, werde ich es schon ne id oder ne Klasse festlegen. Danke trotzdem für dein Feedback. Das man das CSS noch verbessern kann, glaube ich dir gerne. Im Laufe der Entwicklungen hat sich einfach viel redundantes und überflüssiges angehäuft! Das hatte ich eigentlich noch vor. Aber das so für den Header zu Lösen ist noch ne gute Idee!

merci und ciao
Jochen

Hallo Jochen,

bei solchen Problemen gebe ich dann üblicherweise nicht dem Element selbst,
sondern einem Umschließenden die Hintergrundfarbe.

z.B. deinem zusätzlichen Seiten-Div:
<div style="width:58.5em;background-color:#FFFFDE;"> <!--hab ich neu eingefügt, müssen wir uns noch mal überlegen!!! :-)-->

Wobei du auch hierbei keine Inlinestyles verwenden solltest.

Überhaupt könntest du deinen Quelltext noch ein ganzes Stück aufräumen.

z.B.statt:

<div id="Header">
<div class="Lo">
  <div class="Ro">
   <div class="Content"><h1>FC Lenzkirch</h1></div>
  </div>

</div>
</div>


>   
> so:  
> ~~~html
  

>   <div id="Header">  
>     <div>  
>       <h1>FC Lenzkirch</h1>  
>     </div>  
>   </div>  
> 

und dann im CSS:

#Header
{
margin:0;
padding:0;
border: none;
background:#D71317 url("inc/lo.png") top left no-repeat;
}

#Header div
{
background:url("inc/ro.png") top right no-repeat;
text-align:center;
color:white;
font-family:"Arial Rounded MT Bold",Helvetica,Arial,sans-serif;
}

#Header h1
{
background:url("inc/fclogo.png") left no-repeat;
padding:0.1em;
margin:0em 0.8em;
font-weight:bold;
font-size:4em;
}


>   
>   
> Auf Wiederlesen  
> Detlef  
>