ie7 und hintergrundgrafik

[emu]

moin!

ich hab bei etwas - wie ich dachte - ganz einfachen ein problem mit dem ie7. es geht darum einen rahmen für ne seite mit runden ecken zu bauen. also drei divs übereinander, einen flachen oben und unten für die abschlüsse und einen großen in der mitte mit jeweils den passenden hintergrundgrafiken.
funktioniert beim ff auch prima, nur beim ie7 verdoppelt er mal eben die höhe der rand-divs, so das es hässliche lücken gibt weil die grafiken dann natürich zu kurz sind.
hier mal der code dazu. html:

  
<div class="rahmen_oben"></div>  
  
<div id="rahmen">  
  
</div>  
  
<div class="rahmen_unten"></div>  

  
.rahmen_oben {  
margin: 0px auto;  
width: 800px;  
height: 10px;  
background-image:url(grafix/rahmen_oben.gif);  
background-repeat: no-repeat;  
}  
  
.rahmen_unten {  
margin: 0px auto;  
width: 800px;  
height: 10px;  
background-image:url(grafix/rahmen_unten.gif);  
background-repeat: no-repeat;  
}  
  
#rahmen {  
margin: 0px auto;  
width: 800px;  
min-height: 580px;  
height: auto !important;  
height: 580px;  
background-image:url(grafix/rahmen.gif);  
background-repeat: repeat-y;  
}  

die grafiken sind passend dazu 800x580 bzw 800x10 px groß.
weiß jemand was das soll?

[twiadpaws]

moin!

ich hab bei etwas - wie ich dachte - ganz einfachen ein problem mit dem ie7. es geht darum einen rahmen für ne seite mit runden ecken zu bauen. also drei divs übereinander, einen flachen oben und unten für die abschlüsse und einen großen in der mitte mit jeweils den passenden hintergrundgrafiken.
funktioniert beim ff auch prima, nur beim ie7 verdoppelt er mal eben die höhe der rand-divs, so das es hässliche lücken gibt weil die grafiken dann natürich zu kurz sind.
hier mal der code dazu. html:

<div class="rahmen_oben"></div>

<div id="rahmen">

</div>

<div class="rahmen_unten"></div>

>   
> ~~~css
  

> .rahmen_oben {  
> margin: 0px auto;  
> width: 800px;  
> height: 10px;  
> background-image:url(grafix/rahmen_oben.gif);  
> background-repeat: no-repeat;  
> }  
>   
> .rahmen_unten {  
> margin: 0px auto;  
> width: 800px;  
> height: 10px;  
> background-image:url(grafix/rahmen_unten.gif);  
> background-repeat: no-repeat;  
> }  
>   
> #rahmen {  
> margin: 0px auto;  
> width: 800px;  
> min-height: 580px;  
> height: auto !important;  
> height: 580px;  
> background-image:url(grafix/rahmen.gif);  
> background-repeat: repeat-y;  
> }  
> 

die grafiken sind passend dazu 800x580 bzw 800x10 px groß.
weiß jemand was das soll?

DER IE bezieht sich leider noch auf die Schriftgrösse. Solange du nicht font-size kleiner machst, wird er das div so gross gemacht, dass mindestens in der Höhe der Text rein passt.

Greez

[emu]

hey, supi!

so einfach kanns sein, bin ich so nicht drauf gekommen. vielen dank und grüße zurück!