Autor Zpráva
snazimse
Profil
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
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
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
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
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
Díky všem

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: