Autor Zpráva
Falcon
Profil
Ahojte!
Kódujem Stránku. Zobrazuj sa dobre v opere aj mozzile ale v IE 6 a 7 to má od designu ´daleku. Je to úplne rozhádzané. Nepomohli by ste mi prosím?
Falcon
Profil
Nik nič. Potrebujem to čím najrýchlejšie. Ak sa niekto nájde dám 2 € na paypal :)
Bubák
Profil
Nevím, jakou část problémů (možná všechny) ti zcela jistě způsobuje tohle v CSS:
-moz-box-sizing: border-box;
box-sizing: border-box; 

Když to vymažeš, začnou všechny prohlížeče zobrazovat stejně (až na IE 5.5 a starší). Pak budeš muset opravit rozměry.

Pokud máš někde formuláře, rozhodí je nástedující definice tak, že to nikdo nedá napříč prohlížeči dohromady, jde o tu hvězdičku:
*
{
margin:0px; 
padding:0px;

Resetuj jen ty elementy, u kterých to je potřeba hromadnou deklarací (pouze příklad, elementů, které "zaslouží" reset je asi jednou tolik):
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, menu, li, dl, dt, dd {
margin:0; 
padding:0;
}
Falcon
Profil
toto
-moz-box-sizing: border-box;
box-sizing: border-box; 

som vymazal ale žiadna zmena ..stále to isté :)
Bubák
Profil
som vymazal ale žiadna zmena
Změna nastane v Prohlížečích Opera a Mozilla. Pak budou všechny prohlížeče zobzazovat stejně a musíš opravit rozměry.
Mimochodem, momentálně stránku zobrazují rozhozeno i prohlížeče odvozené z WebKitu, jako Safari a Chrome, potřebují svůj vendor prefix.
Pokud hodně spěcháš, použij, co jsem napsal výše a později to můžeš opravit podle svého gusta.
Yur4Y
Profil
A čo tak to spraviť presne naopak? Ponechajte box-sizing: border-box, pred !DOCTYPE vložte <!-- komentár -->, čím dostanete IE do quirks módu a dosiahnete rovnakého zobrazenia vo všetkých prehliadačoch. Možno nie je quirks najlepší nápad, ale najrýchlejšie to určite bude.
Bubák
Profil
Koukám, že jsem nevložil slíbená dodatek, radil jsem něco podobného, jako Yur4Y, jen trochu radikálněji, změnit DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Pak ještě zbývá "srovnat" prohlížeče založené na WebKitu, takže nějak takto:
* {-moz-box-sizing: border-box; /* pro Firefox */
-webkit-box-sizing: border-box; /* pro Safari a Chrome */
box-sizing: border-box; /* pro Operu */}
Falcon
Profil
Nj veľa problémou sa s tým vyriešilo. Je tu vśak eśte jeden. Div menom telo_clanku má skončiť ale napriek tomu sa v IE 6/7 tiahne ďalej. Viz.
Falcon
Profil
Viete s tým niečo spraviť? :(
Falcon
Profil
Robí to iba v IE 6/7
Falcon
Profil
Nik nevie? Sorry že tu spamujem ale neviem si s tým sám poradiť a potrebujem to čím najrýchlejšie
panther
Profil
Falcon
uprav si CSS takto:
#telo_clanku
{
	background-image: url(http://www.obrazok.eu/img/1/80zktywqado015xbg6nw.jpg);
	background-color: #BA1116;
	background-repeat: repeat-y;
	width: 318px;
        margin: 12px 0px 0px 0px; /* původně margin: 0; */
}
#zaciatok_clanku
{      
        background-image: url(http://www.obrazok.eu/img/1/ekkc6hs2l3mhqjcmidas.   
        background-repeat: no-repeat;
        width: 318px;
        height: 82px;
        margin: 0 0px -40px;   /* původně margin: 12px 0px -40px; */
        padding: 1px 10px 10px 0px;
}
#koniec_clanku
{
	background-image: url(http://www.obrazok.eu/img/1/vjeshmgn6vk3phitgvyp.jpg);
	background-repeat: no-repeat;
    width: 318px;
    height: 52px;
    margin-top: -35px;
    margin-bottom: 15px;
    _margin-bottom: 0;
position: relative;
    z-index: 1;
#telo_clanku p
{
  font-size: 10px; 
  font-family: 'Tahoma','Times New Roman CE','Calibri';
  color: #c8c8c8;
  font-weight: bold;
  margin: 0px 15px 0px 20px;
  position: relative;
  z-index: 2;
}

V IEčkách ti pozadí spodku článku překrývalo spodní část textu, z-indexem jsem ji ještě vytáhl nahoru, aby byla vidět.
Falcon
Profil
panther
Dikyy :) Vlastne diky všetkým :)
panther
Profil
Falcon
Dikyy :)
za málo. A ty 2€ [#2] pošli někam, kde budou potřebné ;-)

Vaše odpověď

Mohlo by se hodit

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

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0