| Autor | Zpráva | ||
|---|---|---|---|
| jannie Profil * |
Hezký den všem, prosím o radu .
Ladím stránky pro všechny možné rozlišení a potřebuji udělat jednu korekci. Potřebuji v závislosti na zjištěném rozlišení přidat do html dokumentu (skládám z php includů) jednu třídu, aby se dala nastavit jiná šířka divu Mám něco takovéhleho: <script language="JavaScript">
if(screen.width <= 1024){
document.write('<div id="header" class="korekce">');
}
else{
document.write('<div id="header">');
}
</script>
<noscript><div id="header"></noscript>ale bohužel to nefunguje, nevím, kde dělám chybu, v js jsem úplný začátečník. Pomůže někdo? Díky. |
||
| _es Profil |
#2 · Zasláno: 21. 10. 2011, 13:08:02
jannie:
„Potřebuji v závislosti na zjištěném rozlišení přidat do html dokumentu (skládám z php includů) jednu třídu, aby se dala nastavit jiná šířka divu“ To je už z princípu zlý nápad, takéto niečo sa má riešiť len v CSS. |
||
| jannie Profil * |
#3 · Zasláno: 21. 10. 2011, 13:12:54
oki, tak zkusíme v css...
mám div o velikosti 1200px na kterém mám podklad. #header{
width:1200px;
background:url(../img/pozadi.gif);
margin:0 auto;
text-align:center;
}v tomto pozadí mám div s obsahem #header-in{width:940px;text-align:center;margin:0 auto;}problém nastává u rozlišení 1024, kdy se mi header-in rovná do středu header, což způsobí, že je header-in šoupnutý doprava a je nutné horizontální scrolovat. Pokud se to dá vyřešit v css, tím lépe. |
||
| Anonymní Profil * |
#4 · Zasláno: 21. 10. 2011, 13:27:53
Šířka nemusí být napevno, místo široké width stačí použít max-width.
|
||
| Joker Profil |
#5 · Zasláno: 21. 10. 2011, 13:32:18
jannie:
„problém nastává u rozlišení 1024“ To není pravda, s rozlišením obrazovky to až tak nesouvisí, „problém“ nastane vždycky když šířka stránky bude menší než 1200px. |
||
| jannie Profil * |
#6 · Zasláno: 21. 10. 2011, 13:34:25
bingo, díky moc.
|
||
|
Časová prodleva: 13 let
|
|||
0