[CSS] Dziwny rozjazd...

w dziale Strony WWW w Operze
mnbcv napisał(a):

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>

Zajec napisał(a):

Poczytaj na początek trochę o bardziej profesjonalnym tworzeniu stron.

To nie polega na setkach absolutnie wypozycjonowanych elementów, ale logicznym układaniu bloków.

Zaufany napisał(a):

Przy takim doctype i stosowaniu CSS dziwne by było, gdyby wszystko poprawnie działało.

Webmasterka to niełatwa sztuka...

mnbcv napisał(a):

Dziękuje wszystkim specjalistą za rozwiązanie tematu... Skoro webmasterka to niłatwa sztuka... Jakbym chciał zapytać o zdanie co Pan Big_Z ma do powiedzenia na temat CSS to bym zadał odpwoednie pytanie...

Pomijąc to wystarczyło tylko wywalić align="left" ze wszystki obrazków i wszystko jest ok...

Jeszcze pare słów do Big_Z: za bardzz nie kapuje co miałeś na myśli mówiąc że dziwi cię że coś pisane w css ma prawo funkcjonować... Pewnie do tej pory robisz szablony stronek w tabelach...
Może intencje twoej były inne ale po co pisać skoro twój post nie zawiera odpowiedzi na pytanie...

Zajec... Na twoim miejsc, przeczytałbym gdzieś w jaki sposób odpowiadać na pytania...
Zazwyczaj po odpowiedzi spodziewałbym się zwrócenia uwagi na rozwiązanie problemu a nie wykorzystywał forum do popisywania się niby swoją ulotną wiedzą...
Być może nie mam pojęcia o tworzeniu www, ale nie prosiłem o odpowiedź na pytanie Czy nadaję się na webmastera wysokiej klasy, tylko co zrobiłem źle w tym wypadku...

Tak więc panowie nie zaśmiecajcie forum i nie zabierajcie głosu, jeżeli nie potraficie odpowiedzieć na zadane pytanie...

Zaufany napisał(a):

Nie miałem na myśli stosowania układów CSS, a stosowanie układów CSS w połączeniu z tym doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Taka para powoduje problemy i niezgodności w różnych przeglądarkach. Cóż, te doctype nadaje się tylko do układów tabelkowych. W przypadku układów CSS należy stosować doctype z klasy podstawowej (Strict).