Zadejte hledaný výraz...

Panel – 100% height a padding/margin při 100% width

Kry5
verified
rating uzivatele
30. 12. 2011 19:14:30
Zdravím,
mám takový komplexnější problém :-).
Odkaz na živou ukázku
(hlavní css style je style.css, reset.css je css reset a styl přímo v hlavičce je prozatimní styl pro tu jednu konkrétní stránku)
Problémy jsou konkrétně 2. Oba jsou na stránce velmi dobře vidět
1) Jak asi vidíte potřebuji aby se levý pruh (menu) protáhl až dolu, ať tam kam bude sahat obsah napravo od menu. Podle všech nalezených řešení tohohle problému stačí nastavit všem nadřazeným elementům až do body, html height:100% což bohužel u mne protáhne jen do konce obrazovky. Zkoušel jsem i menu dát např. přímo do divu #obsah, ale nic nepomohlo
2) Druhý problém je vidět na tom seznamu rolí a jejich práv a to konkrétně do chvíle než seznam skočí doleva pod končícím levým sloupcem (tam už je to pak v pořádku). Jde o to, že předtím nefunguje vlastnost:
Myslím si, že to bude tím, že celý div #all má nastaveno width: 100%, což ale musí být aby jméno uživatele v liště opravdu plavalo vpravo. Navíc nevím jestli je opravdu problém v té 100% šířce.
Díky moc za jakékoli návrhy řešení
30. 12. 2011 19:14:30
https://webtrh.cz/diskuse/panel-100-height-a-padding-margin-pri-100-width#reply711605
David Kácha
verified
rating uzivatele
(39 hodnocení)
30. 12. 2011 21:39:22
Pokud se nemýlím, tak nastavit 100% je pak 100% velikosti obrazovky. Tudíž tam nesmíš zadat žádnou konkrétní velikost.
---------- Příspěvek doplněn 30.12.2011 v 21:44 ----------
#leveMenu {
width: 283px;
float: left;
background: transparent url('leveMenu.jpg') top left repeat-y;
padding: 20px 0 0 35px;
}
30. 12. 2011 21:39:22
https://webtrh.cz/diskuse/panel-100-height-a-padding-margin-pri-100-width#reply711604
Kry5
verified
rating uzivatele
30. 12. 2011 21:47:05
Částečně máš pravdu. Prozatim jsem přendal definici pozadí levého sloupce na celý #obsah (který nově zahrnuje i to menu) a změnil místo height: 100%; na min-height: 100%; což způsobilo, že pozadí je sice už až dolu, ale text po skončení menu opět skáče k levému okraji. Viz. http://diskuse.jakpsatweb.cz/?action=vthread&forum=7&topic=133699
30. 12. 2011 21:47:05
https://webtrh.cz/diskuse/panel-100-height-a-padding-margin-pri-100-width#reply711603
Pro odpověď se přihlašte.
Přihlásit