Zadejte hledaný výraz...

CSS problém s umístěním divu

Michael
verified
rating uzivatele
(3 hodnocení)
22. 10. 2014 00:46:44
Zdravím,
Nejspíše si řeknete že si mám jít na jak psát web atd.. ale rovnou říkám že jsem tam byl a nezvládám pochopit proč se mi vždy rozhází css.
poprosil bych někoho kdo by se mi kouknul na css a bych ochoten jej poupravit aby se mi to na různých rozlišeních chovalo stejně a nerozhazovalo se to všude.
Screen na 1920x1080
http://jpeg.cz/images/2014/10/22/pFA1o.png
Screen na 3680x2070
http://jpeg.cz/images/2014/10/22/lTM9v.png
PHP File
CSS File
body { background-color: #7c7c7c; } .a { text-decoration: none; } .p {…
nemám problém za tuto úpravu nějakou tu stokorunu pustit.
22. 10. 2014 00:46:44
https://webtrh.cz/diskuse/css-problem-s-umistenim-divu#reply1063159
Patrik
verified
rating uzivatele
(18 hodnocení)
22. 10. 2014 01:39:00
ani na jednom obrazku to nie je OK :D
katastrofa. ak chces pisni do PM dnes po praci po 17:00 mozem pomoct
22. 10. 2014 01:39:00
https://webtrh.cz/diskuse/css-problem-s-umistenim-divu#reply1063158
bor
verified
rating uzivatele
22. 10. 2014 16:55:36
Ahoj,
trošku jsem prostudoval tvůj problém a pokusím se Ti pomoci.
První dva body jsou spíše obecného charakteru, ale pokud nejsou dodrženy, chování prohlížeče
je (alespon pro mne) nepředvídatelné.
1) Vždy je třeba zadat hlavičku html dokumentu. Je jich více druhů, pokud máš zájem nastudovat, jsou
na internetu, já používám tohle (charset si musíš dát podle sebe):
a na konci zase:
Možná to používáš, ale jistý jsem si nebyl, v Tebou poskytnutém souboru nebyly.
2) CSS třída je určena pro více použítí, CSS identifikátor je pro jediné použití v dokumentu.
Proto všechny tagy
je třeba přepsat na
a při jejich definici používat tečku (.) místo křížku (#)
3) nakonec konkrétně k Tvému problému s rozhazováním stránky:
Identifikátor main_panel máš definován takto:
#main_panel {
position: absolute;
margin: 0 auto;
margin-top: -1300px;
margin-left: 450px;
width: 1378px;
height: 891px;
background-image: url('./img/main_panel.png');
}
Position: absolute; umístí prvek za DIV s identifikátorem side_panel_menu_top_info a pokud prvek
pozicuješ pomocí vlastnosti margin, je jeho poloha závislá na pozici zmíněného DIVu. A to je
příčinou posunů při změně rozlišení.
Řešením je buď použít přímé absolutní pozicování např.:
#main_panel {
position: absolute;
top: 300px;
left: 450px;
margin: 0;
width: 1378px;
height: 891px;
background-image: url('./img/main_panel.png');
}
nebo definovat počáteční pozici přímo a prvek dorovnat marginem (s horiz.centrováním) např:
#main_panel {
position: relative;
top: 0px;
left: 0px;
margin: 300px auto 0px auto;
width: 1378px;
height: 891px;
background-image: url('./img/main_panel.png');
}
ovšem aby to fungovalo, musí být prvek uzavřen ještě do jednoho absolutně pozicovaného divu, který je
pozicován na :
Pro případnou další komunikaci můj e-mail je bor.webtrh@post.cz
22. 10. 2014 16:55:36
https://webtrh.cz/diskuse/css-problem-s-umistenim-divu#reply1063157
Pro odpověď se přihlašte.
Přihlásit