Autor | Zpráva | ||
---|---|---|---|
Roman Gv. Profil |
#1 · Zasláno: 27. 9. 2014, 12:21:40
Zdravím, mám menší problém. Nakódoval som si v HTML a CSS jednoduchú stránku, a akonáhle pridám na stránku next, zväčší sa mi celkovo celý "box", ktorý mám v css. Netuším ako vám to mám vysvetliť.
Príklad: Mám v CSS vytvorený box, s názvom #obsah. K nemu pridám padding: 200px. Spojím ho do HTML súboru tagom <div id=obsah>. Pridám pod ten tag text, napr. "Lorem ipsum..", a celý box #obsah sa mi zväčší, ako keby sa celý padding zmenil o pár px viac. HTML: http://pastebin.com/rxFPbFFv CSS: http://pastebin.com/A9SprNQw Ak viete kde je problém, mohli by ste mi prosím pomôcť? Som v HTML/CSS začiatočník, čo je možné vidieť. Vopred ďakujem. |
||
Marschmallow Profil |
Roman Gv.:
Vždyť to je logické, padding se sčítá - padding + text. Pokud máš ohraničení 200px, tak bude ohraničení 200px - nezáleží na délce textu. Je text a k němu se z okrajů připočítá padding. |
||
Bubák Profil |
#3 · Zasláno: 27. 9. 2014, 12:46:26
Nevím, zda máš na mysli to co já, ale pokud ani, tak to způsobuje (výchozí) dolní margin odstavce.
Mimo téma: Pokud máš HTML přesně stejný, jako v ukázce http://pastebin.com/rxFPbFFv, tak máš prohlížeče ve quirk režimu. Pokud doplníš doctype pro standardní režim, tak stránky bude lépe vypadat v IE (záleží na verzi IE) ale ve všech prohlížečích bude stránky bypadat jinak, protože v CSS ti často u hodnot chybí jednotky px .
Doporučuji do HTML vložit na prvý řádek <!doctype HTML> a opravit CSS, konkrétně všude, kde deklaruje border radius a pak ještě u druhé hodnoty na řádku 49.
|
||
Časová prodleva: 10 let
|
0