Autor Zpráva
Shanoy
Profil *
#1 · Zasláno: 25. 6. 2006, 13:35:57
Odpovědět Citovat
Ahojte. Potreboval by som pomoct...kamošovi robím web o cs clane.. http://noluckclan.xf.cz a v FF a v Opere sa zobrazuje normálne no v IE to robí blbosť že div obsah je tam kde nemá byť (má byť v strede no je pod menu). CSS okod je takyto:

body {
background-image: url(images/poz.jpg);
text-align: center;
margin-top: 0px;
}
.cele {
width: 780px;
background-color: #282828;
font-family: Trebuchet MS;
text-align: center;
color: black;
margin: auto;
color: white;
}
.head {
background-image: url(images/logo.jpg);
width: 780px;
height: 150px;
}
.obsah { //-toto je obsah
text-align: center;
margin: auto;
background-color: #282828;
width: 500px;
}
.lmenu {
padding-left: 5px;
padding-right: 5px;
background-color: #282828;
float: left;
width: 130px;
}
.pmenu {
padding-left: 5px;
padding-right: 5px;
background-color: #282828;
float: right;
width: 130px;
}
.vmenu {
border: 1px solid #666666;
text-align: left;
background-color: #000000;
width: 128px;
}
.vobsah { //-toto je v obsahu
border: 1px solid #666666;
background-color: #000000;
text-align: center;
width: 498px;
margin: auto;
}
table {
margin: auto;
color: white;
text-align: left;
font-size: 0.7em;
border: 1px solid #666666;
background-color: #282828;
width: 450px;
}
.patka {
background-image: url(images/cojecovm.jpg);
font-size: 0.7em;
clear: both;
border-top: 1px solid #666666;
width: 780px;
background-color: #282828;
}
.cojecovm {
background-image: url(images/cojecovm.jpg);
font-weight: bold;
color: #CCCCBA;
text-align: left;
font-size: 0.7em;
background-color: #4559BC;
width: 130px;
height: 16px;
}
.cojecovob { //-toto je v obsahu
background-image: url(images/cojecovm.jpg);
font-weight: bold;
color: #CCCCBA;
font-size: 0.7em;
text-align: left;
background-color: #4559BC;
width: 500px;
height: 16px;
}
.polozkavm {
font-size: 0.7em;
color: white;
text-align: left;
background-color: #000000;
width: 128px;
}

a html kod obsahu je takyto:

<center><div class="obsah"><div class="cojecovob">Home</div><div class="vobsah"><br>
<table><tr><td><h3>'Vítajte na našej sránke!'</h3></td></tr><tr><td>Vítajte na stránke CS clanu eX gaming</td></tr></table><br><br>

</div></div></center><br>

Ja na to fakt nedokazem prist...prosim pomozete mi?
moebius
Profil
#2 · Zasláno: 25. 6. 2006, 14:56:33
Odpovědět Citovat
Ja jsem problem podobneho razu vyresil pouzitim vice scriptu pro ruzne prohlizece. Konkretne se mi podarilo najit rozdeleni jen na IE a FF.

Script:
<link rel="stylesheet" type="text/css" media="all" href="script/styly.css">
<!--[if IE ]>
<link rel="stylesheet" type="text/css" media="all" href="script/stylyIE.css">
<![endif]-->

Je to pomerne jednoduche a mi to dost pomohlo, jelikoz nejsem tak zbehly abych dokazal napsat css pro vsechny prohlizece :).
Druha moznost je pak pouziti hacku, ale to nejsem si jisty jak se to presne pouziva.
Shanoy
Profil *
#3 · Zasláno: 25. 6. 2006, 15:26:44
Odpovědět Citovat
diki....no ale ja práveže potrebjem práve takú verziu pre všetky prehliadače :(.
tiso
Profil
#4 · Zasláno: 25. 6. 2006, 15:30:04
Odpovědět Citovat
To bude box modelom, riešením je matrioška...
Chamurappi
Profil
#5 · Zasláno: 25. 6. 2006, 15:43:30 · Upravil/a: Chamurappi
Odpovědět Citovat
Reaguji na moebiuse:
To bude box modelem. Řešením je sjednotit interpretace box modelů. Máš dvě možnosti:

1) přepnout Operu (do verze 8) a Explorer (od verze 6) do standardního režimu, aby počítaly stejně jako Mozilla:
Na první řádek dej toto:
<!doctype html>
- místo tohoto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

2) nechat vše v quirk módu (<!doctype> neměnit) a přepnout box model v Mozille a Opeře 9 pomocí stylů na ten druhý:
* { -moz-box-sizing: border-box; box-sizing: border-box; }
- dosáhneš tím kompatibility i se staršími Explorery, ale budeš muset trochu upravit rozměry (padding se do šířky započítává).
habendorf
Profil
#6 · Zasláno: 25. 6. 2006, 16:05:58 · Upravil/a: habendorf
Odpovědět Citovat
Aniž bych se chtěl s Chamurappim hádat, chtěl bych to trošku doplnit a zhodnotit jeho řešení.

Řešením je sjednotit interpretace box modelů.
Jen doplním, že to je pouze jedno z možných řešení.

K řešením:
ad 1) vše do standardu - to je IMHO vysloveně špatné řešení, mám pro to 2,5 důvodu.
ad 2) vše do quirku - to už tak špatné řešení není, i když osobně ho nepoužívám. * { -moz-box-sizing: border-box; box-sizing: border-box; } řeší Gecko i Operu, nevím jak dalece to řeší "majoritní z minoritních" prohlížečů - hlavně K a S. Pokud víš, dej prosím vědět.

budeš muset trochu upravit rozměry (padding se do šířky započítává) a border také

Osobně ženu IE v quirku a zbytek ve standardu, mě osobně se to osvědčilo jako nejlepší řešení.
Jinak matrjošku taky nemusím, na můj vkus je krapet ukecaná.
Shanoy
Profil *
#7 · Zasláno: 25. 6. 2006, 16:45:59
Odpovědět Citovat
diki...vymenil som <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> za <!doctype html> a už to fihčí!! Ďakujem velmi pekne!
Radek Hrabůvka
Profil
#8 · Zasláno: 25. 6. 2006, 16:50:33
Odpovědět Citovat
Na deklaraci box-sizing: border-box "slyší" oba prohlížeče postavené na jádru KHTML, Safari i Konqueror.
http://www.snugtech.com/safaritest/
http://danvine.com/icapture/
Konqueror mám "svůj" na disku.
habendorf
Profil
#9 · Zasláno: 25. 6. 2006, 17:02:30
Odpovědět Citovat
Radek Hrabůvka: fajn, díky
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0