Rozházenost v IE

Miki1990

Máš to celé nešťastně absolutně a relativně pozicované a to se moc dobře spravit nedá. Přesto - zkus použít tento styl (ale udělej si zálohu toho svého), možná to zabere:

<style type="text/css">
<!--
body {
background-color: white;
text-align: center;
margin: 0;
padding: 0;
font-family: "Century gothic";
color: white;
}
#page {
width: 884px;
height: 412px;
position: absolute;
top: 50%;
left: 50%;
margin: -206px 0 0 -442px;
overflow: none;
}

.krajina {
background-image: url('krajina.jpg');
width: 382px;
height: 412px;
position:absolute;
left: 0;
top: 0
}
.menu {
background-color: #76bfff;
width: 492px;
height: 21px;
position: absolute;
bottom: 288px;
left: 391px;
font-weight: bold;
}

a {
color: white;
text-decoration: none;
}

a:hover {
color: #535353;
text-decoration: none;
}

.aktivni {
color: #e1ff77;
}

.logo {
background-image: url('logo.jpg');
width: 284px;
height: 82px;
position: absolute;
top: 0;
left: 494px;
}
.obsah {
background-color: #d8edff;
width: 492px;
height: 288px;
position: absolute;
bottom: 0;
left: 391px;
}

.text {
text-align: justify;
width: 468px;
height: 264px;
position: relative;
top: 12px;
left: 12px;
overflow: auto;
font-size: 13px;
color: #1c5aac;
font-family: "Tahoma";
}

.text a {
color: white;
font-weight: bold;
background-color: #76bfff;
}

.text a:hover {
color: #1c5aac;
}

.nadpis1 {
font-size: 30px;
color: #5297f2;
font-family: "Century Gothic";
}

.zakonceni {
color: #5297f2;
font-size: 12px;
}

.img-onas {
float : left;
margin : 0 10px 0 0;
border : 1px solid white;
padding : 2px;
}
-->
</style>