gaston lagaffe: css und ie

hallo!

also hab mich mal daran versucht, ein css layout hinzubasteln. im ff funkt das auch recht schön, funktioniert alles, sogar sachen, bei denen ihc nicht gedacht hab, dass sie funktionieren. naja aber im ie sieht das ganze anderst aus...

zum einen is der impressums-button ewig weit rechts (horizontaler scrollbalken) zum anderen werden die beiden content-boxen (das eine mit nem hintergrundbild, das andere mit dem eigentlichen text) nicht dargestellt. hab zwar gegoogelt, allerdings werd ich aus den lösungen nicht schlau...

hier is der html-code:

<body>
-Navigation-
<div id="container">
<div class="header"><img src="img/header.jpg"/></div>
<div class="alink"><img src="img/01_button_home.gif"/></div>
<div class="alink"><img src="img/02_button_stufe.gif"/></div>

-Bild, welches im Hintergrund ist-

<div class="content2"><img src="img/content.jpg" width="472" height="485"/></div>

-Text-
<div class="content"><p>test</p></div>

-Impressum-Button rechts unteres Eck-
<div class="imp"><img src="img/08_button_imp.gif"/></div>

</div>
</body>

hier der css-code:

.header{
height:255px;
width:990px;
}

.alink{
height:80px;
width:255px;
}

.content{
float:left;
height:530px;
width: 695px;
margin-top: 20px;
margin-left: 275px;
position: absolute;
top: 255px;
background-color: #999999;
overflow: visible;
}

.content2{
float:left;
height:485px;
width: 300px;
padding-top: 70px;
padding-left: 515px;
margin-top: 0px;
position: absolute;
top: 255px;
}

.imp{
float:left;
border:0px none black;
height:45px;
width: 133px;
margin-top: 0px;
margin-left: 855px;
top: 500px;
}

Bisl viel text, ich weiß, tut mir auch leid, aber das nervt ewig. sitz schon stunden da drann und werd einfach net schlauer... also falls ihr nen kleinen tipp hat, wär' ich euch dankbar, wenn ihr mir ihn sagt ;o)

grüße

gaston

  1. Vielleicht hilft dir das hier weiter.

    Schönen Abend noch und

    fg