Autor Zpráva
1Rostak
Profil
Mám prosbu nějak mi nejde naprogramovat stahování krajů. Mám níže uvedený skript a potřeboval bych, aby se mi při zmenšování nejprve zmenšili okraje a potom až samotný obsah. Mě se to zasím podařilo pouze skokově na malé obrazovce. Pomocí posledních 2 řádku CCS kódu.

html{margin:0;padding:0;}
body{margin:0;padding:1%;background:#BFDFEE;}
#stranka{margin:0 auto;max-width:65%;}
#obal{overflow:hidden;}
#logo{width:24%;height:134px;float:left;text-align:center;font-size:50%;border-top:solid #fff;background:blue;background:-webkit-linear-gradient(#3FADE5, white);background:-o-linear-gradient(#3FADE5, white);background:-moz-linear-gradient(#3FADE5, white);background:linear-gradient(#3FADE5, white);}
#logo h1{padding:8% 1%;}
#hlavicka{width:76%;height:134px;float:right;}
.img-cover img {width: 100%;height:134px;}
#hlavicka p{margin:0;text-align:center;font-weight:bold;height:16px;border-top:solid #fff;background-color:white;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,

#obsah{background-color:white;text-align:center;padding:1%;}
#dole{background:#5E615E;width:100%;float:left;overflow:hidden;text-align:center;color:white;}
#subdole{background:#5E615E;float:right;width:35%;}
#subdole p{font-size:120%;}
#mistadole{background:#5E615E;float:left;width:35%;}
#mistadole p{font-size:120%;}
#mistadole h2{font-size:90%;}
#adresa{background:#5E615E;width:30%;float:right;overflow:hidden;text-align:center;color:white;}
#paticka{width:100%;float:right;text-align:center;background-color:Black;color:white;}
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){#logo{width:100%;height:20%;}
#stranka{max-width:100%;}


<body>
<div id="stranka"> 
<div id="obal">
    <div id="logo"><h1>gfffffffffffffff</h1></div>
    <div id="hlavicka"><p>gfffffffffffffffff</p> 
    <div class="img-cover"><img src="obrazky/revize-elektro-instalace-hromosvodu-stroju-skoleni-vyhlaska-50.jpg"></div> </div>
</div>  
<div id="obsah"> 
</div>
<div id="dole">
<div id="subdole"> 
</div><div id="mistadole"> 
</div>
<div id="adresa"> 
</div> </div>
<div id="paticka"><h3> </div>
</div>
</body>
Davex
Profil
1Rostak:
potřeboval bych, aby se mi při zmenšování nejprve zmenšili okraje a potom až samotný obsah
To by asi potom bylo potřeba, aby max-width u #stranka nebyla definována v procentech. Také je možné, že to v některých prohlížečích nebude zobrazeno dle očekávání, a proto doporučuji používat standardní vykreslovací režim prohlížeče.
1Rostak
Profil
Davex:
Děkuji už to funguje. Jak to myslíte s tím standartní vykreslovací režim prohlížeče.
Davex
Profil
Není to standartní, ale standardní. Viz Módy prohlížečů
1Rostak
Profil
Děkuji.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: