[CSS] Pomoć oko CSS-a i div-ova

[dm@ricn]

ako moze neko da mi pomogne u prilogu sam poslao primer

napravio sam "kostur strane" od css i div

Neznam kako da uradim da mi div sa nazivom footer povlaci krece po vertikali onoliko koliko na toj stranici imam sadrzaj

a da div linijadole stoji iznad diva footer tj da bude "zalepljena"


nadam se sa ste me razumeli sta sam hteo


svala pomoc dobrodosla

[al0cunit]

mrzi me da gledam al' nesto ovako ..
div.footer{height:100%;width: 100%;overflow: auto;}
ako nije dobro lol .. onda cu pogledati primer

[dm@ricn]

moja greska nisam dobro objasnio imam i div content u mene stavljam sadrzaj sirina njega je 500px a da visina zavisi od samo sadrzaja koliko ima teksta i slika

zatim da mi se drigi div "prilepi" za njega na dno strane kao da bude footer

nadam se da ce te me razumeti

[dm@ricn]

ima li neko resenje za ovo

[holodoc]

Možda je problem u tome što su tekst i objašnjenje problema potpuno nerazumljivi u kombinaciji sa greškama u kucanju

Evo ja pola nisam ukapirao

[dm@ricn]

Nadam se da cu sada uspeti


div 5 i div 6 da se krece po visini srazmerno visini diva 3, odnosno zavisno od sadrzaja u njega koliko se nalazi.


Ovo kako da odradim?

[dm@ricn]

da li sam bio malo jasniji ili da odustanem od ovoga ?

[pyost]

Probaj za oba da stavis "clear:both" u CSS.

[dm@ricn]

ne kod mene nece da radi sa ovim jesi pogledao primer

[dm@ricn]

da li moze neko da mi pomogne oko ovoga nikako da uspem sam

[dbaja]

Za CSS definiciju stila koji je iznad FOOTER-a nemoj da koristis ABSOLUTE u okviru POSITIONS podesavanja, vec STATIC, recimo, uz TOP=0pixela. Za sam FOOTER takodje postavi STATIC.
Tada ce on biti pozicioniran ispod najvisljeg prozora u browseru.

[dm@ricn]

ja pokusao da zamenim static umesto apsolute ali onda mi se desi da mi div footer i static odu u gornji deni ugao

jel moze neko da na mom primeru ispravi kako misli da treba


u svakom slucaju hvala svima na pomoci

[dbaja]

Evo ti na sledećem linku rešenje. Napraviš kontejner (DIV) unutar kojeg definišeš ostale div-ove. Koliko god naraste "content" div, "footer" će uvek da ga prati ispod. Malo drugačija organizacija od ove tvoje, ali vidi da li odgovara.
Link: http://www.pmob.co.uk/temp/3col-content-first.htm
Mislim da smo našli rešenje

[dm@ricn]

puno hvala to me je mocilo tek sam sada skontao da treba da ima jedan glavni div kao kontejner gde treba da postavljam ostale


hvala na objasnjenju veliki pozdrav

[dm@ricn]

css kod za ovaj primer izgleda ovako

<style type="text/css">
* {margin:0;padding:0}
h1,h2,h3,h4,h5,p,ul{margin-bottom:1em}
ul{margin-left:16px}
body {
background: #fff;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
text-align: center;
color:#000;
}

#container {
width: 750px;
margin: 0px auto 0px auto;
margin-left:auto;
margin-right:auto;
border-left: 5px solid red;
border-right: 5px solid red;
background: #FFF;
text-align: left;
}
* html #container{
width: 760px;
w\idth: 750px;
}
#header {
width: 750px;
background: #ccc;
text-align: center;
border-bottom:1px solid silver;
}

#leftmenu {
width: 140px;
height: auto;
margin: 0px 10px 0px 0px;
background-color: #f2f2f2;
display: inline;
float: left;
position:relative;
left:-450px
}
#content {
width: 450px;
background: #fffccc;
text-align: left;
color: #000;
float:left;
position:relative;
left:150px;
}
#rightmenu {
width: 139px;
height: auto;
margin: 0px 0px 0px 0px;
border-right: 1px solid #C8C8C8;
background-color: #f2f2f2;
display: inline;
float: right;
}
* html #rightmenu{
width: 140px;
w\idth: 139px;
}

#footer {
width: 750px;
height: 30px;
background: #006699;
color: #fff;
text-align: center;
clear: both;
}
</style>

meni je jasno sta je naprimer ovo #footer to je selektor ali primetio sam da u kodu ima i ovo

* html #container{
width: 760px;
w\idth: 750px;

zamolio bih vas da mi kazete sta je ovo mislim cemu sluzi posto nisam bas najiskusniji tj tek ucim css

[holodoc]

Delovi CSS koda označeni sa "* html" nazivaju se "CSS html hack-ovi" ili u originalu "star HTML hacks" i služe da bi prikaz u Internet Exploreru bio identičan prikazu u ostalim browserima. Kako sam ovde milion puta ponavljao, Internet Explorer je veoma svojevoljan u interpretiranju CSS-a zbog čega se često dobijaju različiti rezultati prikaza u odnosu na ostale browsere.

U suštini princip funkcionisanja "CSS hack-ova" se zasniva na (hvala bogu u ovom slučaju) odstupanju od standardne specifikacije CSS-a zbog čega IE uopšte ne uzima u obzir određene delove CSS koda. Dakle, delovi u hack-u su namenjeni svim browserima osim "Internet Exploreru". Ako malo pogledaš kod gore primetićeš da posle definicije "container-a" ide njegova "* html" definicija. Ovo se uvek ovako radi. Naime, CSS selektori su karakteristični po tome što možeš da ih bezbroj puta redefinišeš. Dakle, možeš da napraviš jedan kontejner sa određenim skupom karakteristika pa da odmah posle njega definišeš selektor sa identičnim imenom i potpuno drugačijim karakteristikama. Posle definicije oba ovaj poslednji, tj. drugi, biće aktivan. Caka je ovde što IE ne može da pročita sadržaj "* html" selektora tako da ako je u pitanju IE CSS definicija koja za njega važi je onaj prvi "container" pošto ne može da pročita sadržaj "* html-a". Ostali browseri bez problema to mogu da čine tako da u ovom slučaju imaš čistu redefiniciju izgleda kontejnera za njih. Situacija se donekle komplikuje sada pošto IE7 može da pročita par CSS hack-ova ali IE ne bi bio IE kada ne bi bar svakom svojom verzijom izazivao opadanje kose kod web developera

Potraži po netu članke vezane za "CSS IE hacks" i videćeš da je u pitanju veoma prost sistem

Evo primera radi par linkića
http://www.maratz.com/blog/archives/...rnet-explorer/
http://css-discuss.incutio.com/?page=CssHack
http://en.wikipedia.org/wiki/Critici...ernet_Explorer

[pyost]

Hteo bih samo da dodam da se problemi sa IEom najcesce javljaju kod sirine nekog elementa. To je zato sto IE koristi drugaciji "W3C Box Model" - on padding i border uracunava u sirinu koju si naveo, dok bi po standardima oni trebali da budu "van" te kutije.

Da bi se ovi problemi zaobisli, cesto se koriste gorenavedeni hackovi, ali ja sam uvek za cistiji pristup. Najlakse resenje ovog problema jeste koriscenje margina kad god je to moguce, jer se one isto interpretiraju u svim browserima.

[dm@ricn]

moram da Vam se zahvalim na ovako detaljnom i korisnom odgovoru sve najbolje

veliki pozdrav