DominikAT: iframe die besste lösung?

Beitrag lesen

Hallo liebes Forum,

ich versuche momentan eine neue - kleine - Webseite zu erstellen, scheitere aber leider immer am selben Problem - dass ich bisher nicht lösen konnte.

So soll das ganze aussehen: Vorschau

So schaut es momentan aus: Entwurf

Den Content-Bereich habe ich bisher mit einem iframe gelöst - die beiden überstehenden ecken des "X" habe ich so eingebunden:

in der CSS:

  
/*---------------------------------------------  
Content complete_X_top  
---------------------------------------------*/  
a#x_top {  
position: fixed;  
right: 0;  
top: 0;  
display: block;  
width: 100%;  
height: 100%;  
background: url('../img/content_right_top.png') top right no-repeat;  
text-indent: -999em;  
text-decoration: none;  
}  
  
/*---------------------------------------------  
Content complete_X_bottom  
---------------------------------------------*/  
a#x_bottom {  
position: fixed;  
right: 0;  
bottom: 0;  
display: block;  
width: 143;  
height: 127;  
background: url('../img/content_right_bottom.png') bottom right no-repeat;  
text-indent: -999em;  
text-decoration: none;  
}  

und in der html im body:

  
<a id="x_top"></a>  
<a id="x_bottom"></a>  

nun werden die beiden Grafischnippsel im zB Opera richtig dargestellt...

im IE7 wird der content dann aber nicht mehr angezeigt, und auch nur das a#x_top ist zu sehen - die seite im iframe ist home.htm

Meine Probleme:

  • wie bringe ich den Content auch im IE zum laufen
  • wie kann ich die 1px Verschiebung im iframe verhindern?
  • oder ist es besser, das ganze anders aufzubauen?

Wenn ich was vergessen hab' - einfach hier reinschreiben
bin auch den ganzen tag via icq erreichbar 100920678

THX schon mal für eure Hilfe :)