Problem mit Layout mit IE7

von **Serpico** » 07.08.2011, 12:21

Hallo,

ich habe da ein kleines Problem.....
Die Darstellung des Layouts funktioniert im Internet Explorer 7 (nur da) leider nicht korrekt. 1 Fehler .....
Der Container #right richtet sich anscheinend im IE7 nach dem #center aus. dadurch ist der Container nicht an seinem vorgesehen Platz. IE8 oder MOzilla klappt es.

HTML :
<body>
<div id="main-1">
<div id="center">
<div id="rahmen_links"></div><div id="rahmen_rechts"></div>
<div id="impressum"><a href="impressum.html" title="Impressum">Impressum</a></div>
</div>
<div id="left"></div>
</div>
<div id="main-2">
<div id="right"></div>
</div>
</body>

CSS :

* { outline:none 0; margin: 0; padding: 0; list-style: none; }
body { font-size: 13px; font-family: arial, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #dbbd81; overflow-x: hidden; word-wrap: break-word; }
#main-1,#main-2 {width: 50%; }
#main-1 { float: left; }
#main-2 { float: right; }
#center { background-color: #fff; background-repeat: no-repeat; background-position: 70% 91%; float: right; width: 890px; margin-right: -445px; position: relative; height: 800px; }
#left,#right {background: #fff; }
#left { background-color: white; background-image: url(../images/verlauf.png); background-repeat: repeat-y; background-position: left top; height: 120px; margin-top: 105px; margin-right: 300px; border-top: 1px solid white; border-bottom: 1px solid white; }
#right { background-image: url(../images/verlauf1.png); background-repeat: repeat-y; background-position: right center; height: 120px; margin-top: 105px; margin-left: 300px; border-top: 1px solid white; border-bottom: 1px solid white; }
div {min-height: 1px; /* IE 7 */}
* html div {height: 1px; }
* html #left {margin: 0;}
* html #center { margin-left: -3px; }
#rahmen_links { background-image: url(../images/blume.png); background-repeat: no-repeat; background-position: center; position: absolute; top: 50px; left: -361px; width: 360px; height: 640px; overflow: hidden; float: left; border: solid 1px black; }
#rahmen_rechts { background-image: url(../images/blume1.png); background-repeat: no-repeat; background-position: center; position: absolute; top: 50px; left: 891px; width: 360px; height: 640px; overflow: hidden; border: solid 1px black; }
#impressum { color: #5a2d18; font-size: 11px; text-decoration: none; text-align: center; position: relative; top: 801px; left: 750px; width: 100px; height: 15px; border: solid 1px red; }
#impressum a { color: #5a2d18; text-decoration: none; }
#impressum a:hover { color: white; text-decoration: none; }

Danke im Voraus.

von **djheke** » 07.08.2011, 18:08

Was willst du mit deinem Layout bezwecken ???
Sieht ja wüst aus.
Möchtest du vielleicht ein 3 Spaltenlayout mit fixer Mitte und dynamischen Außenspalten ?
Wenn ja dann schau mal hier vorbei. Wenn nicht erlär uns mal was das soll.
http://www.gipspferd.de/css/anleitung/a1/a1.php]

Problem mit Layout mit IE7

Problem mit Layout mit IE7

Re: Problem mit Layout mit IE7

Ähnliche Beiträge zu "Problem mit Layout mit IE7"

Wer ist online?