Pod adresem www.uin.pl/szablon/ znajduje się szablon strony stworzony w css + html... Wszystko jest dobrze w przypadku oglądania strony pod IE bądź FireFoxem... Niestety pod Operą tworzą się jakieś dziwne przerwy... Z góry dziękuje za pomoc. Pozdrawiam
Kod pliku global.css:
html, body { width: 100%; margin: 0 auto; padding: 0px; text-align: center; background-color: #E0F1F9; color: #000000; } div.glowny { width: 100%; height: 490px; margin: 0 auto; padding: 0px; background-color: #01A0CA; background-image: url(img/tlo.jpg); background-repeat: repeat-x; text-align: center; color: #000000; } div.kolumna { position: relative; width: 742px; height: 490px; padding: 0px; margin: 0 auto; text-align: left; vertical-align: top; } div.x1 { position: absolute; top: 0; left: 484px; width: 258px; height: 33px; } div.x2 { position: absolute; top: 33px; left: 0px; width: 484px; height: 24px; } div.x3 { position: absolute; top: 33px; left: 484px; width: 258px; height: 24px; } div.x4 { position: absolute; top: 57px; left: 0px; width: 484px; height: 87px; } div.x5 { position: absolute; top: 57px; left: 484px; width: 258px; height: 87px; } div.x6 { position: absolute; top: 144px; left: 0px; width: 22px; height: 332px; } div.x7 { position: absolute; top: 144px; left: 22px; width: 462px; height: 332px; background-color: #035b8d; background-image: url(img/tlotres.jpg); background-repeat: no-repeat; color: #FFFFFF;} div.x8 { position: absolute; top: 144px; left: 484px; width: 31px; height: 332px; } div.x9 { position: absolute; top: 144px; left: 515px; width: 199px; height: 332px; background-color: #015385; background-image: url(img/tlomenu.jpg); background-repeat: no-repeat; color: #FFFFFF; } div.tytul { position: absolute; top: 28px; left: 0px;} div.x10 { position: absolute; top: 144px; left: 714px; width: 28px; height: 332px; } div.x11 { position: absolute; top: 476px; left: 0px; width: 742px; height: 9px; }
Oraz pliku index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Uin.pl - Agencja Interaktywna </title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <link rel="stylesheet" type="text/css" href="global.css"> </head> <body> <div class="glowny"> <div class="kolumna"> <div class="x1"><IMG src="img/design1.jpg" width="258" height="33" align="left" border="0"></div> <div class="x2"><IMG src="img/design2.jpg" width="484" height="24" align="left" border="0"></div> <div class="x3"><IMG src="img/design3.jpg" width="258" height="24" align="left" border="0"></div> <div class="x4"><IMG src="img/design4.jpg" width="484" height="87" align="left" border="0"></div> <div class="x5"><IMG src="img/design5.jpg" width="258" height="87" align="left" border="0"></div> <div class="x6"><IMG src="img/design6.jpg" width="22" height="332" align="left" border="0"></div> <div class="x7">x</div> <div class="x8"><IMG src="img/design8.jpg" width="31" height="332" align="left" border="0"></div> <div class="x9"><div class="tytul"> <IMG src="img/mpl.jpg" width="199" height="56" align="left" border="0"> xxxxx </div></div> <div class="x10"><IMG src="img/design10.jpg" width="28" height="332" align="left" border="0"></div> <div class="x11"><IMG src="img/design11.jpg" width="742" height="9" align="left" border="0"></div> </div> </div> </body> </html>