Mam problem z divami, ktore sie zupelnie rozjezdzaja pod IE. Chodzi o 2 na samym koncu - latwo to zauwazyc pod wlasnie IE (Mozzila jak zwykle jest grzeczna i szopek nie robi). Pewnie jak zwykle chodzi o jakas pierdolke, ktora przeoczylam ale siedze juz nad tym caly dzien i nie moge nic wymyslec.
Jakby ktos mogl spojrzec i cos poradzic to bede baaardzo wdzieczna.
Pozdrawiam serdecznie i z gory dziekuje.
Tu adres: http://www.magdaoneway.fasthost.pl/
a tu style:
Kod: Zaznacz cały
body{
text-align: center;
font: 11pt Arial, sans-serif;
padding: 0;
margin: 0;
margin: 0px;
background: #333333;
}
#content{
text-align: left;
padding: 0;
margin: auto;
position: relative;
width: 780px;
overflow: auto;
background: url(background.jpg);
left: 0;
top: 0;
}
#banner{
width: 780px;
height: 89px;
background: url(top.jpg);
margin: 0px;
padding: 0px;
clear: both;
}
#bottom{
width: 780px;
height: 57px;
background: url(bottom.jpg);
margin: 0px;
padding: 0px;
clear: both;
}
#menu{
width: 780px;
height: 47px;
background: url(menu.jpg);
margin: 0px;
padding: 0px;
clear: both;
}
img.left {
margin: 10px 10px 10px 20px;
padding: 0px;
}
img.right {
margin: 10px;
padding: 0px;
}
img.animation {
margin: 5px 10px 5px 40px;
padding: 0px;
}
.down {
width: 320px;
height: 14px;
background: url(line_down.jpg) no-repeat bottom left;
margin: 0px;
padding: 0px;
}
.upright {
float: left;
margin: 0px;
padding: 0px;
}
/*emty one on the left side*/
#column1 {
width: 55px;
height: 800px;
float: left;
margin: 0px;
padding: 0px;
}
#column2 {
width: 320px;
height: auto;
float: left;
margin: 0px;
padding: 0px;
}
#column3{
width: 320px;
height: auto;
float: left;
margin-left: 30px;
padding: 0px;
}
#note {
width: 320px;
height: 320px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(pupa.jpg) repeat-y;
}
#note p{
width: 280px;
font: 14px bold Avantgarde, Arial;
text-align: justify;
color: #000000;
padding: 10px 0px 38px 20px;
margin: 0px;
}
#templates {
width: 320px;
height: 320px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(pupa.jpg) repeat-y;
}
#websites {
width: 320px;
height: 320px;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: #52584a;
background: url(pupa.jpg) repeat-y;
}
#illustr {
width: 320px;
height: 320px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(pupa.jpg) repeat-y;
}
#animations {
width: 320px;
height: 320px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(pupa.jpg) repeat-y;
}
#logos {
width: 320px;
height: 320px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(pupa.jpg) repeat-y;
}