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 :)