Mam taki problem ponieważ nie chce mi się wyśieltać bloki absolutne w IE a w pozostałych przeglądarkach wszytko działa.
To adres stronki: http://www.musishow.cyberfoto.eu
Plik: index.php
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="description" content="Opis Strony"/>
<meta name="keywords" content="Słow kluczowe" />
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>Musishow - enterprise</title>
</head>
<body xml:lang="pl">
<div id="contener">
<div id="header"></div>
<div id="lmenu"></div>
<div id="menu">
<div id="link1"><a href="index.php" title="Home"></a></div>
<div id="link2"><a href="adagio_dj.php" title="adagio_dj"></a></div>
<div id="link3"><a href="oferta.php" title="oferta"></a></div>
<div id="link4"><a href="kontakt.php" title="Kontakt"></a></div>
</div>
<div id="subheader"><img src="picture/subheader.gif"/></div>
<div id="subheader2"><img src="picture/subheaderb.gif"/></div>
<div id="middle"> </div>
<div id="tresc">
<div id="tresctop"> </div>
<div id="trescmiddle">
<div id="text"> <b>Witamy</b> Państwa na naszej oficjalnej stronie. Jesteśmy prężnie rozwijającą się ekipą, która wkracza na Polski rynek muzyczny.Odwiedzając nasz serwis zapoznacie się Państwo z ofertą przygotowaną na Wasze potrzeby.<br>
Realizujemy w pełni profesjonalną obsługę muzyczną wszelkich imprez okolicznościowych i rozrywkowych, takich jak: wesela, studniówki, dyskoteki, dancingi, bankiety, imprezy firmowe, plenerowe i wiele innych imprez jakie sobie Państwo zażyczą. Z doświadczenia wiemy, że gwarancją dobrej imprezy jest kontakt dj z publicznością, gdzie porwie on swoją muzyką całą publiczność na parkiet.<br>
Gramy muzykę począwszy od lat 60,70,80,90 aż do muzyki klubowej XXI wieku. Repertuar muzyczny dobierany jest w zależności od imprezy, a także na życzenie klienta. Naszą receptą na sukces jest profesjonalne podejście do każdej uroczystości indywidualnie i z sercem.
Do Państwa dyspozycji oddajemy w pełni profesjonalny sprzęt nagłaśniający a także oświetleniowy.
</div>
</div>
<div id="trescbottom"> </div>
</div>
<div id="kolumna"><img src="picture/kolumna.gif"/></div>
<div id="latest">
<div id="lattop"></div>
<div id="latmiddle">
<?php include('latest.php') ?>
</div>
<div id="latbottom"></div>
</div>
<div id="bottommiddle"></div>
<div id="footer"></div>
</div>
</body>
</html>
Plik: style.css
Kod: Zaznacz cały
body{
margin-top: 1px;
padding: 0px;
text-align: center;
background: black;
}
div#contener{
left:30px;
position:absolute;
width: 778px;
border:2px solid white;
text-align: justify;
}
div#header{
background: transparent url('picture/header.gif') no-repeat;
height: 83px;
}
div#lmenu{
background: transparent url('picture/lmenu.gif') no-repeat;
width:415px;
height:41px;
float:left;
}
div#menu{
width:363px;
height:41px;
float:right;
}
div#subheader{
width:778px;
height: 137px;
float:left;
}
div#subheader2{
width:778px;
height: 107px;
float:left;
}
div#middle{
float:left;
width: 778px;
height:148px;
background: url('picture/middle.gif') repeat-y;
}
div#tresc{
top:305px;
left:363px;
width:414px;
height:500px;
position:absolute;
}
div#latest{
top:385px;
left:5px;
width:260px;
height:300px;
position:absolute;
}
div#text{
font-family: Verdana, Times New Roman, Tahoma, sans-serif;
font-size: 10pt;
line-height: 1,5pt;
letter-spacing: 1px;
margin-top: 9px;
margin-left:14px;
margin-right:12px;
text-align:justify;
color: rgb(255,255,255);
}
div#tresctop{
background: transparent url('picture/tabtop.gif') no-repeat;
width:409px;
height:5px;
}
div#trescmiddle{
background: transparent url('picture/tabmiddle.gif') repeat-y;
width:409px;
height:490px;
float:left;
}
div#trescbottom{
background: transparent url('picture/tabbottom.gif') no-repeat;
width:409px;
height:5px;
float:left;
}
div#kolumna{
top:350px;
left:288px;
position:absolute;
}
div#bottommiddle{
background: transparent url('picture/bottommiddle.gif') no-repeat;
width:778px;
height: 335px;
clear:both;
}
div#lattop{
background: transparent url('picture/lattop.gif') no-repeat;
width:261px;
height:3px;
}
div#latmiddle{
background: transparent url('picture/latmiddle.gif') repeat-y;
float:left;
width:261px;
height:300px;
}
div#latmiddle table{
margin-top:10px;
margin-left:10px;
margin-right:10px;
}
div#latmiddle table td.data{
color: white;
font-weight: bold;
font-size:10pt;
font-family: Arial, sans-serif;
}
div#latmiddle table td.wiersza{
color: white;
font-size:9pt;
font-family: Verdana, sans-serif;
border-bottom: 1px solid red;
}
div#latmiddle table td span.wiecej{
font-family: Verdana;
font-weight:italic;
color:red;
font-size:10pt;
}
div#latmiddle table td span.wiecej1{
color:white;
font-size:9pt;
}
div#latbottom{
background: transparent url('picture/latbottom.gif') no-repeat;
width:261px;
height:3px;
float:left;
}
div#footer{
width: 778px;
height: 70px;
background: transparent url('picture/footer.gif') no-repeat;
clear: both;
}
div#right{
float:left;
width:18px;
height:428px;
//border: 1px dashed red;
display:inline;
background: url('picture/cien.gif') repeat-y;
}
div#footer p{
text-align: center;
font-size: 9pt;
}
a {
text-decoration: none;
color:black;
text-align:center;
font-size: 9pt;
}
div#menu {
width: 363px;
height: 41px;
}
div#link1 a {
width: 75px;
height: 41px;
background: url(picture/menu.gif) 0px 0px no-repeat;
display: block;
float: left;
}
div#link1 a:hover {
width: 75px;
height: 41px;
background: url(picture/menu.gif) 0px -41px no-repeat;
display: block;
float: left;
}
div#link2 a {
width: 108px;
height: 41px;
background: url(picture/menu.gif) -75px 0px no-repeat;
display: block;
float: left;
}
div#link2 a:hover {
width: 108px;
height: 41px;
background: url(picture/menu.gif) -75px -41px no-repeat;
display: block;
float: left;
}
div#link3 a {
width: 77px;
height: 41px;
background: url(picture/menu.gif) -183px 0px no-repeat;
display: block;
float: left;
}
div#link3 a:hover {
width: 77px;
height: 41px;
background: url(picture/menu.gif) -183px -41px no-repeat;
display: block;
float: left;
}
div#link4 a {
width: 103px;
height: 41px;
background: url(picture/menu.gif) -260px 0px no-repeat;
display: block;
float: left;
}
div#link4 a:hover {
width: 103px;
height: 41px;
background: url(picture/menu.gif) -260px -41px no-repeat;
display: block;
float: left;
}