Mam problem... Poprawiam stronę kolegi, która w każdej przeglądarce inaczej się wświetla... Jego strona była w tabelkach, ja w myśl o nowoczesności używam diva

Jest pewien problem... Oto link do tego layu:
lo.gif' target='_blank pod
tym. Ja zrobiłem coś takiego:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <!--
* {
margin: 0;
padding: 0;
border: 0;
}
body {
font: 12px Helvetica, Tahoma, Arial, sans-serif;
font-weight: normal;
color: #FFFFFF;
background: #4B4B4B;
margin: 0px auto;
padding: 0px;
text-align: center;
}
h1 {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
text-decoration: none;
text-align: center;
font-face: Times New Roman;
}
a {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
th {
background: #000000;
color: #FFFFFF;
}
#glowny {
text-align: center;
background: #4B4B4B;
padding: 0px;
width: 777px;
}
#top {
background: url(layout/logo.jpg) no-repeat top;
padding: 0px;
width: 777px;
height: 78px;
}
#pasek {
background: url(layout/top_tlo.gif) repeat-x top;
padding: 10px;
font-weight: bold;
padding-top: 0px;
width: 777px;
height: 78px;
vertical-align: top;
text-align: left;
}
#pasek a:hover {
text-decoration: underline;
}
#lewe {
width: 150px;
background-color: green;
float: left;
}
#srodek {
width: 400px;
background-color: grey;
float: left;
}
#prawe {
width: 150px;
background-color: green;
float: right;
}
#stopka {
width: 777px;
height: 20px;
background-color: pink;
clear: both;
}
#deo {
background: url(layout/deo.jpg) no-repeat top right;
padding: 0px;
width: 111px;
height: 68px;
position: relative;
left: 656 px;
top: 190 px;
}
#deoz {
padding: 0px;
width: 777px;
position: relative;
-->
<div id="lewe">Menu lewe
</div> <div id="prawe">Menu prawe
</div>
Co zrobić, aby było tak samo w divie? Próbowałem różnych metod i żadna nie pomaga....
Ten post edytował BDCC 5.05.2006, 20:27:09