Autor | Zpráva | ||
---|---|---|---|
Dejvoch Profil * |
Dobrý večer, dělám web pomocí HTML/PHP (www.dejvoch.ic.cz). A mám takovej menší problém. Když se podíváte na stránku např reklama, uvidíte že se mi pravý panel hází sám od sebe dolů. Je to dělaný pomocí divů. Jak tedy ukotvit div "pravypanel" aby se v žádném případě neposouval dolů?
Moderátor panther: Doplněn odkaz. Moderátor panther: Přesunuto z PHP
|
||
AM_ Profil |
#2 · Zasláno: 16. 1. 2011, 22:20:28
layout (zobrazení) stránky s PHP nijak nesouvisí, zkus fórum o HTML nebo CSS. Také napiš, kterých prohlížečů se to týká, zkusmo jsem to otevřel v opeře a vypadá to ok.
|
||
dejvoch Profil |
#3 · Zasláno: 16. 1. 2011, 22:21:42 · Upravil/a: dejvoch
Panel si cestuje v jakémkoliv prohlížeči. na stránce reklama.php se posune dolu. Myslím si že neni chyba zobrazení, ale je chyba v programaci webu.
|
||
Fabulator Profil |
#4 · Zasláno: 16. 1. 2011, 22:25:14 · Upravil/a: Fabulator
Ta šablona je poměrně neprakticky udělaná. To menu vpravo je posunováno nahoru pomocí záporného margin top. Co si naštudovat plovoucí prvky?
|
||
panther Profil |
#5 · Zasláno: 16. 1. 2011, 22:42:11 · Upravil/a: panther
Dejvoch:
Posouvání je samozřejmě způsobeno tím, že #obsah má vyšší výšku než 600px, s kterými ty počítáš.
Řešení je relativně snadné: - vyhaž výšky všech tří bloků #levypanel , #obsah a #pravypanel
- všem těmto elementům vynuluj marginy (levé a záporné horní) - všem těmto elementům přidej float: left
- k #stranka přidej overflow: hidden , nebo pod #pravypanel přidej <br style="clear: both">
dejvoch: „Myslím si že neni chyba zobrazení, ale je chyba v programaci webu.“ PHP generuje HTML, prohlížeči je jedno, kde se HTML vezme. |
||
dejvoch Profil |
#6 · Zasláno: 17. 1. 2011, 09:34:01 · Upravil/a: dejvoch
Udělal jsem vše podle návodu, + jsem přidal
#pravypanel margin-left:10px; #levypanel #pravypanel |
||
Fabulator Profil |
#7 · Zasláno: 17. 1. 2011, 10:11:50
Proč má levypanel margin-top:10px ? Hádám že chyba bude tam.
|
||
dejvoch Profil |
#8 · Zasláno: 17. 1. 2011, 10:47:21
#levypanel { margin:10px; width:180px; float: left; background-color:#transparent; background-image:url('grafika/panel_bg.png'); } Já tam margin-top nikde nevidim :-( |
||
Fabulator Profil |
#9 · Zasláno: 17. 1. 2011, 10:51:12
promiň je to tim margin:10px
|
||
dejvoch Profil |
#10 · Zasláno: 17. 1. 2011, 10:57:52
Díky moc, měl si pravdu. Je to tim margin. změnil sem to na margin-right aby to nebylo nalepený na obsah, a funguje :-).
|
||
Časová prodleva: 13 let
|
0