| Autor | Zpráva | ||
|---|---|---|---|
| snazimse Profil |
#1 · Zasláno: 8. 3. 2014, 11:30:24
Zdravím,všechny,
mám problém,že při zoomování mi se mi tvoří mezi dvěma objekty mezera kvůli paddingu.Dá se nějak v css zabránit,aby se tam netvořila.Vše je v pixelech.Zkoušel jsem v procentech,ale stejně nic.Přikládám obrázky.I css.Ty css vlastnosti co jsou vyrušené v komentáři,samnozřejmě neplatí. S mezerou je 90 procent zobrazeni.Bez mezery 100procent. Díky všem  
css kody:footer tedy to úplně dole reinsurance block je ta vrchnější část footer: #footer {
color: #fff;
background: url(../img/bg.gif) no-repeat;
background-position: bottom;
width: 1500px;
/* text-align: center; */
float: left;
margin-left: -500px;
padding-left: 500px;
padding-top: 1%;
}
#reinsurance_block {
background: url(../img/dole.png) no-repeat;
/* background-position: bottom; */
padding-left: 50px;
/* width: 800px; */
/* float: left; */
/* margin-left: 0px; */
position: relative;
left: 0px;
bottom: 10px;
height: px;
/* padding: 10px; */
} |
||
| juriad Profil |
#2 · Zasláno: 8. 3. 2014, 11:50:28
snazimse:
Kdybys poslal odkaz na web, určitě by se na to podívalo mnohem více lidí. Nikomu se nejspíš podle obrázku a kusu CSS nepodaří problém replikovat. Padding nemá na vykreslení pozadí žádný vliv. |
||
| snazimse Profil |
příspěvek už není platný
|
||
| Trejpa Profil |
#4 · Zasláno: 8. 3. 2014, 14:23:45
snazimse:
Špatný návrh bloků s pozadím, vůbec nepočítá se zvětšováním textů. Když jsi bloku <div id="footer"> nastavil pozadí ukotvené k jeho spodnímu okraji, zvětšení písma tento blok zvýší a tak se pod horní písmenka dostane světlejší část obrázku.
Celý ten spodek, co má mít pozadí přes celou šíři, bych vyhodil z <div id="page">, místo obezliček se záporným marginem bych zdvojil bloky, vnější s pozadím na celou šířku a vnitřní by omezil rozpínání textu nebo plavání sloupečků stejně jako v page a případně by u reinsurance_block omezil i vnitřní pozadí. Vzhledem k absenci přechodů bych volil jen barvy na pozadí i bez toho obrovského obrázku. Výšku nezadávám, přizpůsobí se obsahu.
<div id=page>
obsah
</div>
<div style="background: #F0F0F0">
<div id=reinsurance_block style="width: 980px; margin: auto; background: #4CB1CA;">
poštovné zdarma / hotline
</div>
</div>
<div style="background: #38A0B9">
<div style="width: 980px; margin: auto; overflow: auto;">
plovoucí sloupečky
</div>
</div>
<div style="background: #6EB4CE">
<div style="width: 980px; margin: auto;">
tmavě modrá patička
</div>
</div>Víš, že padding-top/bottom v procentech se vypočítává také ze šířky bloku? |
||
| snazimse Profil |
#5 · Zasláno: 8. 3. 2014, 17:22:04
Díky, za řešení,nicméně,nějaké jednodušší k danému příkladu přidá jen třeba nějaké css funkce?.Není? Díky
|
||
| juriad Profil |
#6 · Zasláno: 8. 3. 2014, 19:14:08
snazimse:
Ne. Problém na tom webu není v chybějících CSS vlastnostech. Problém spočívá v příliš mnoha vlastnostech; celý web sotva stojí pohromadě. Proč Až se budeš ptát, jak odstranit horizontální posuvník, tak řešením je celý #footer předělat - presunout mimo #page, jak radí Trejpa. |
||
| snazimse Profil |
#7 · Zasláno: 10. 3. 2014, 17:37:26
Díky všem
|
||
|
Časová prodleva: 10 let
|
|||
0