[XHTML/CSS] Problem s marginom i footerom

[Bojan Zivanovic]

Dakle, layout je gotov (inace moj prvi), al problem je sledeci:
IE i FF prikazuju stranu na jedan, a Opera i Safari na drugi nacin.

Kao sto se moze videti iz koda, footer je absolutno pozicioniran na dno strane.
Kod IE i FF sam sadrzaj ide do kraja strane, te ispod footera, sto je reseno tako sto je stavljen padding-bottom:40px na body. Tako sam resio problem za IE i FF, medjutim stvar je u tome sto taj problem nije prisutan kod Opere i Safarija, te kada stavim padding-bottom dobijam extra 40px praznog prostora izmedju sadrzaja i footera u ovim browserima. Kada skinem padding, izgleda ok, ali onda ne valja u IE i FF.

Uploadovao sam sve na http://www.party-studio.com/bojan/acejoomla/index.html pa pogledajte.

CSS je na http://www.party-studio.com/bojan/acejoomla/index.css
i http://www.party-studio.com/bojan/acejoomla/layout.css

[dee]

nemam operu/safari ovdje kuci, al imam FF 2.0.0.1 u kojem se dno stranice ionako ne vidi dobro.

fali jedan

<div style="clear:both;"> </div>

prije footera


+

[napamet] umjesto paddinga, probaj stavit donju marginu zadnjeg elementa u contentu na vrijednost visine footera pa vidi onda sta kaze

[xippi]

mislim da ne moze da se resi na golo. fora je da se nesto od sadrzaja stavi u kontejner kome se da donji padding. pogledaj http://www.themaninblue.com/experiment/footerStickAlt/

inace trigovao si box model bug, razlikuje ti se sirina strane u ie i ff. separator.gif ti nije potreban, skinuj <hr />. navigacoja u hederu i futeru bi trebalo da je isto lista
stil mozes da inkudujes i u jednoj liniji
<style type="text/css" media="screen">@import "layout.css"; @import "index.css";</style>

[Bojan Zivanovic]

Primenio sam resenje spomenuto u prethodnoj poruci, i sada mi je sve ispod separatora (iznad poslednja dva boxa, prvi je "Important For Someone") crno.
Kada sklonim separator, onda je crno sve ispod plavog headera, tj. iznad svih clanaka. Firefox Dev Extenzija mi kaze da se content zavrsava tamo gde pocinje crna. Jel zna neko zasto se to deshava? Uploadovao sam novu verziju, isti linkovi vaze.
Od svog ovog drndanja oko jednostavnih stvari, tabele opet pocinju da deluju dobro..

[Pedja]

fali jedan

<div style="clear:both;"> </div>

prije footera



Ond amoze i da stavi jednu prostu tabelu i da ga ne boli glava.

[xippi]

veruj mi da je mnogo lakse da svoj sadrzaj upakujes u onaj template nego da se debuguje ovo. jedina zamerka na footerStickAlt je da ne mora da se koristi <div class="clearer">, dovoljno je uraditi easy clearing na #content. na tom templejtu ces videti i dobru praksu za pozicioniranje elemenata da bi izbegao probleme sa sirinom koje sada imas. takodje obrati paznju da je max sirina za 800x600 rezoluciju 760-770px, moras da racunas i scrol u sirinu browsera
ako naletis na problem javi

[Bojan Zivanovic]

Hvala na savetima, uzeo sam onaj layout i prilagodio markup tome, i vec sad je mnogo bolje. Izgleda isto u sva 4 (IE 7, FF, Opera, Safari) browsera, skoro je sve na mestu.
Jedini problem su mi oni beli pixeli ispod footera (5px mozda), kako to da reshim? Igrao sam se sa margin-top koji stavlja footer u poziciju, al nije mi pomoglo.
Takodje, primetih da se raspada u IE6, kao da ne postuje margine kako treba.. Imate li ideja?

Ovo mi je poslednji pokusaj, ako posle ovoga ne uspem da odradim pasce tabele ;)

Link je isti..

[xippi]

Ovo mi je poslednji pokusaj, ako posle ovoga ne uspem da odradim pasce tabele ;)


ne huli, banovacu te sa interneta :)

fale ti osnove, zaboravi sve sto si znao o tabelama i pogledaj http://www.w3.org/TR/CSS21/visuren.html

prepravio sam tvoj fajl, pogledaj komentare. trebalo bi da znas sam da ga dovedes do kraja

[Bojan Zivanovic]

Nikola, mnogo si mi pomogao, hvala ti.
Imas pice po tvom izboru od mene ;)
Sacu da se zanimam linkovima koje si mi ostavio po source-u..
Osecam se ko totalni pocetnik opet, programiranje nije tolika magija ko ovo..