Autor Zpráva
Stanin1
Profil
Ahoj, potřebuju poradit.

Převzal jsem web po kamarádovi, a dělal jsem na něm nějaké úpravy. V PSPadu je vše ok, když to nahraju na server, tak se mi správně zobrazí jen v IE, v mozille a chromu se zobrazí špatně. Konkrétně u této stránky http://www.komin.farnost.cz/fotogalerie.html je odkaz galerie a pozadí zarovnány v IE na střed, jak to má být, ale v ostatních prohlížečích jsou zarovnány do leva. Stejně tak text na ostatních stránkách by měl být odsazen z leva tak 2 cm a ne 1 cm. Je to formátovaný přes CSSko, tam sem to zkoušel upravit, ale to zarovnání je tam nastavený správně, aspoň si to myslím. Nejsem v tom nějak zběhlej, dělám spíš jenom obsahový úpravy.

Díky za každou radu.

Tady je to CSSko:

body {
margin: 0px; 
padding: 0px;
margin-top: 15px;
text-align: center;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color: #ffffff;
background-image: url("design/pozadi.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
}

 .top {
width: 901px;
height: 243px;
background-color: #000000;
}

 .column {
background-color: #ffffff;
width: 901px;
margin-top: 0px; }

 .left-column {
background-image: url("design/index_03.jpg");
float: left;
width: 208px;
height:500px;
background-color: #ffffff;
}

 #menu a 
{ 
text-align:right;
float:left;
width:195px; 
height:30px; 
color: #777; 
background: url("design/menu.jpg") 0 0px no-repeat; 
text-decoration: none; 
} 

 #menu a:hover 
{ 
text-align:right;
align:right;
float:left;
background: url("design/menu.jpg") 0 -32px; 
color: #000000; 
} 

 #menu a:active 
{ 
text-align:right;
align:right;
float:left;
background: url("design/menu.jpg") 0 -32px; 
color: #000000; 
} 

 div.outer 
{ 
background: url("design/index_03.jpg") 0 0 no-repeat; 
} 

 div.outer a 
{ 
display: block; 
margin: 0; 
padding:0; 
width:100%; 
height:100%; 
overflow:hidden; 
background: url("design/index_03.jpg") top left no-repeat; 
} 

 div.outer span 
{ 
display: block; 
margin:0; 
padding: 8px 25px 0 10px; 
}

 .right-column {
margin-top:0px;
margin-right:7px;
text-align:center;
padding-right: 20px;
float: right;
width: 650px;
background-color: #ffffff;
}

 .bottom {
text-align:center;
font-size: 12px;
color: #ffffff;
font-family: Verdana;
width: 901px;
height: 28px;
margin-top: 20px;
background-color: #000000;
clear: both;
}

 .nadpis {
text-align:center;
font-size: 14px;
color: #747474;
}

 .text {
text-align:justify;
font-size: 12px;
color: #747474;
}

 a{text-decoration: none; color: #747474;}
Trejpa
Profil
Stanin1:
Problémem je jiný vykreslovací režim, Internet Explorer je ve zpětně kompatibilním režimu, při kterém se chová trochu jinak, než ostatní prohlížeče (například jinak chápe centrování a rozměry). Sjednoť si to. Třeba přepnutím Internet Exploreru do standardního režimu vhodným DOCTYPE (stačí jen <!DOCTYPE HTML>). Pak se bude chovat jako ostatní prohlížeče.

Centrování bloků v sobě se ve standardním režimu provádí pomocí margin: 0 auto; použitým na vystřeďovaný blok, ve tvém případě na tabulku.

Velikost bloků bude ve standardním režimu počítaná podle ostatních prohlížečů, takže ji stačí opravit a bude stejná i v Internet Exploreru (šířka je chápána jako šířka obsahu, cokoliv je navíc se k ní připočítává zvlášť, tedy padding a border-width).

Módy prohlížečů
Petr ZZZ
Profil
Trejpa:
stačí jen <!DOCTYPE HTML>.

Nebylo by univerzálnější psát doctype velkými a html malými písmeny? Tedy takto:
<!DOCTYPE html>

V HTML sice na velikosti písmen nezáleží, ale jinde na ní záležet může, tak proč to nenapsat hned tak, aby to bylo funkční za všech okolností? (Zdroj: J. Kosek: Polyglot aneb webovým kodérem pod obojí)
Trejpa
Profil
Petr ZZZ:
Nebylo by univerzálnější psát doctype velkými a html malými písmeny?
Nebylo. Normální je posílat webové stránky s MIME typem text/html, tam na velikosti písmen nikdy nezáleželo.
Petr ZZZ
Profil
Reaguji na Trejpu:
Dobře, ale nezačíná HTML až značkou <html>? Jinak řečeno, je už řetězec <!DOCTYPE html> součástí HTML nebo začíná HTML až za doctypem?

<!DOCTYPE html> 
<html> 
  <head> 
  </head> 
  <body> 
  </body> 
</html>
Trejpa
Profil
Petr ZZZ:
O tom, zda bude brán zřetel na velikost písmen, nerozhoduje žádný text v dokumentu, ale MIME. Tohle ale Stanin1 nezajímá.
panther
Profil
Petr ZZZ:
je to na každém, zda použije malá či velká písmena. Ani jedno není chybou, klidně můžeš psát <!doctype html>

Stanin1:
jen tak na okraj, co si v CSS slibuješ od vlastnosti align (ř. 48, 57)? Taková v CSS neexistuje, HTML atribut align dělá totéž, co CSS vlastnost text-align.

Když už se šťouráme v maličkostech, upřesním ještě Trejpu - „Centrování bloků v sobě se ve standardním režimu provádí pomocí margin: 0 auto;
na centrování postačí margin: auto, podstatné jsou pravý a levý margin. Nula pro margin-top a margin-bottom se uvádět nemusí, je-li defaultní (většinou se centruje nějaký obalový div, který žádný margin o přírody nemá).
Stanin1
Profil
Trejpa:
Diky, vyřešeno, sjednotil jsem ty prohlížeče a pak už jsem si jenom pohrál s nastavením výšky a šířky některých obrázků, který dělají design stránky a je to v pohodě.

panther:
Neslibuju s od toho nic, já sem to nevytvářel, ale převzal jsem to po kamarádovi, takže nevím, co tím on zamýšlel a co si od toho sliboval.

Takže díky za váš čas a za vaše rady.
panther
Profil
Stanin1:
Neslibuju s od toho nic
tak to s klidem odmaž, align v CSS neexistuje.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: