| Autor | Zpráva | ||
|---|---|---|---|
| 1Rostak Profil |
#1 · Zasláno: 24. 5. 2016, 14:53:34
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 |
#2 · Zasláno: 24. 5. 2016, 19:49:55
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 |
#3 · Zasláno: 24. 5. 2016, 22:54:53
Davex:
Děkuji už to funguje. Jak to myslíte s tím standartní vykreslovací režim prohlížeče. |
||
| Davex Profil |
#4 · Zasláno: 24. 5. 2016, 23:00:20
Není to standartní, ale standardní. Viz Módy prohlížečů
|
||
| 1Rostak Profil |
#5 · Zasláno: 24. 5. 2016, 23:06:51
Děkuji.
|
||
|
Časová prodleva: 8 let
|
|||
0