Autor Zpráva
Vojta008
Profil *
Ahoj, udělal jsem nový design na web ale z nepochopitelných důvodů mi na hlavním textem vzniká ve Firefoxu[ver. 2.0.0.9] a Opeře[ver. 9.24](v IE[6 a 7.0.5730.11] ne) mezera:
U menu vlevo vznikala taky ale tam jsem to ošetřil pomocí position: absolute, což tady kvůly různé délce textu nejde. Nevíte někdo co s tím?
Vojta008
Profil *
adresa zamozřejmě: http://www.knytt.ic.cz/
Manq
Profil
Kód jsem nezkoumal. Tipuju * {margin:0;padding:0}
Tomáš Hanus
Profil
Vojta008
<b>Vítejte na české fan stránce věnované sérii Knytt!</b> proc nepouzivas Hx?

Nejspise to bude padding pro <p>
Vojta008
Profil *
Kdyby to bylo paddingem tak by se to objevilo i v IE ne?(btw padding tam je 10px)
Tomáš Hanus
Profil
Vojta008
prave ne vzdy ;)
Vojta008
Profil *
Aha, a nevíš jak to pořešit?(kromě možnosti vyzabíjet všechny uživatele IE a dát tam position: relative a nějakou zápornou hodnotu do top)
Miloš
Profil
Je to v BoxModelu – IE máš v quirku.
Když ho přepneš do standardu, bude to počítat stejně.
Jde o výšku divu #hlavicka.

Pokud ho necháš v qiuirku, nastav jinou hodnotu pro height, nebo použij matrjošku.

Mimo to tvé CSS je ohavnost sama – zapomínáš na jednotky – tady všude si je doplň:
body {padding:50;
#hlavicka { padding: 25 0 0 320; height: 167;
#knytt {padding: 50 0 00 25; height: 170; width: 202;
#stories { padding: 50 0 00 25; height: 220; width: 202;
#ostatni { padding: 50 0 00 25; height: 250; width: 202;
#anketa { padding: 50 0 00 25; height: 220; width: 202;
#hlavnipanel {padding: 10 30 0 220;
#paticka {height: 79;


Krom toho hodnotu 00 neznám.
Dále hr.cleaner { clear: both; display: none } je nesmysl – když má hr display:none, tak jako by nebyla, proto clear nehraje žádnou roli. Aby měl zápis clear smysl, je třeba použít místo displaye visibility: hidden

A úplně zbytečně (viz výše) zapisuješ tytéž a tytéž hodnoty zas a zas. Jde to i takhle:
/* napřed nadefinuješ to společné */
#knytt, #stories, #ostatni, #anketa {padding: 50px 0 0 25px; height: 170px; width: 202px;
   background-image: URL('pozadi_knytt.gif');
   background-repeat: no-repeat; position: absolute; top: 0px; left: 0px;}

/* a pak opravíš a doplníš zbytek: */
#knytt {height: 170px;}
#stories {background-image: URL('pozadi_knytt.gif'); top: 170px;}
#ostatni {background-image: URL('pozadi_ostatni.gif'); top: 390px;}
#anketa {background-image: URL('pozadi_anketa.gif'); top: 640px;}
Vojta008
Profil *
Tak jsem to všechno opravil, CSS udělal méně ohavnější a prohlížeč nyní stránku prohlíží v normálním režimu. Alem mám další problém: v levém menu se mi pod divy stroies a ostatni(v IE jenom pod stories) nezobrazuje pozadi. Prosim tedy pro zmenu o radu s timhle.
Vojta008
Profil *
CSS je tady: http://www.knytt.ic.cz/styl.css
Vojta008
Profil *
Ha opraveno(nojo jsem vůl, zapoměl jsem na {)
Bubák
Profil
Pokud ho necháš v qiuirku, nastav jinou hodnotu pro height, nebo použij matrjošku.
Nebo deklarovat pro ne-IE prohlížeče nestandadní box model:

* {-moz-box-sizing: border-box; box-sizing: border-box;}
Miloš
Profil
omyl

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:

0