| Autor | Zpráva | ||
|---|---|---|---|
| Stanin1 Profil |
#1 · Zasláno: 6. 1. 2012, 17:03:35
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 |
#2 · Zasláno: 6. 1. 2012, 18:56:18
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 |
#3 · Zasláno: 7. 1. 2012, 01:21:18
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 |
#4 · Zasláno: 7. 1. 2012, 01:47:21
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 |
#5 · Zasláno: 7. 1. 2012, 01:55:02
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 |
#6 · Zasláno: 7. 1. 2012, 02:18:53
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 |
#8 · Zasláno: 9. 1. 2012, 02:04:38
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 |
#9 · Zasláno: 9. 1. 2012, 08:50:02
Stanin1:
„Neslibuju s od toho nic“ tak to s klidem odmaž, align v CSS neexistuje.
|
||
|
Časová prodleva: 12 let
|
|||
0