 |
|
| noviKorisnik |
29. 09. 2005. 14:10 |
Zalepiti footer na dno centrirane strane i pokoja o brljama od savremenih browsera
1 Prilog(a)
Nije neka mudrost, zaista, malo relativnog i apsolutnog pozicioniranja i radi...
Pojednostavljeno:
Kôd:
<div id="all">
<div id="container">
<div id="content">
ovde tekst, manje-više
</div>
</div>
<div id="footer"></div>
</div>
all treba da centrira sve u sebi, footer da se prikazuje ispod containera...
Kôd:
body {
padding: 0;
margin: 0;
height: 100%;
}
* html body {
text-align: center;
}
#all {
position: relative;
margin: 0 auto;
width: 702px;
min-height: 100%;
}
* html #all {
text-align: left;
height: 100%;
}
#container {
padding: 0 0 60px;
}
#content {
margin-right: 234px;
}
#footer {
position: absolute;
bottom: 0;
left: 0;
width: 468px;
height: 60px;
background-color: #f00;
}
Što ovo stavljam? Pa radi, a namučio sam se jer nisam stavio 100% za visinu body elementa...
Da ne bude samo to, u potrazi za rešenjem napravio sam test-primer, na površinu je isplivalo da popularni browseri još uvek imaju svojih boljki... Dinamičko repozicioniranje elemenata - firefox je totalno pukao, opera se provlači, ie radi kao da je to najjednostavnija pojava u životu.
Primer je fajl uz poruku, preuzmite, testirajte na što više browsera, ostavite ovde svoja zapažanja... attach ima ekstenziju .txt zato što to dozvoljava ovaj saIt, treba opaliti jedan rename pre testa :-)
... samo da malo pojasnim... u primeru s desne strane siva povšina reaguje na klik, prvo piše on da se uključi tekst, pa posle piše off da se isključi tekst, pa opet piše on a ff zaboravi da vrati footer na staru poziciju, opera vrati ali zaboravi da vrati visinu stranice, ie odradi sve što treba. |
| kalkulus |
29. 09. 2005. 14:53 |
Citat:
Originalno napisao korisnik
... samo da malo pojasnim... u primeru s desne strane siva povšina reaguje na klik, prvo piše on da se uključi tekst, pa posle piše off da se isključi tekst, pa opet piše on a ff zaboravi da vrati footer na staru poziciju, opera vrati ali zaboravi da vrati visinu stranice, ie odradi sve što treba.
|
Opera i Firefox pod linuxom se ponashaju bash kao shto si napisao, IE bash i ne mogu da poteram :) |
| godza |
22. 11. 2005. 23:00 |
gecko bug.. ispravljen i radi u novoj verziji gecko-a (ff 1.5).
treba manuelno preko javascripta zatraziti od gecko-a da izrenda stranicu.
Mada mi je taj koncept (layout) koji si ti skontao pomalo .... hmmm nejasan.
|
| Br@nkoR |
22. 11. 2005. 23:33 |
1 Prilog(a)
probaj npr.
admins: dozvolite upload *.html fajlova
|
| BluesRocker |
23. 11. 2005. 00:43 |
Citat:
Originalno napisao kalkulus
Opera i Firefox pod linuxom se ponashaju bash kao shto si napisao, IE bash i ne mogu da poteram :)
|
Zar ne može ni pomoću emulacije? :( |
| jasmanac |
23. 11. 2005. 09:58 |
Slazem se da je malko vise komplikovaniji no sto bi trebao biti ;)
|
| noviKorisnik |
23. 11. 2005. 10:21 |
Branko, tvoja verzija fino radi. Vidim da se prilično razlikuje od moje postavke. Eto lepog detalja za proučavanje kad mi se sledeći put dogodi da se pozabavim ceesesom.
Citat:
Originalno napisao godza
gecko bug.. ispravljen i radi u novoj verziji gecko-a (ff 1.5).
|
Lepo je što se krećemo dalje :-) Nego - nije li taj ff 1.5 još uvek samo beta? |
| oliver |
23. 11. 2005. 11:57 |
Citat:
Originalno napisao noviKorisnik
Nego - nije li taj ff 1.5 još uvek samo beta?
|
Nije beta, stigao je do RC3 :) |
| bluesman |
23. 11. 2005. 12:13 |
Citat:
Originalno napisao Br@nkoR
admins: dozvolite upload *.html fajlova
|
dodao sam html do 60k. Povecao sam i neke kvote za ostale fajlove. Po defaultu je bilo jako malo, recimo max jpg od 20k i slicno... Nadam se da je sada ok. |
| Br@nkoR |
23. 11. 2005. 13:01 |
Hvala... :)
|
| Vreme je GMT +2. Trenutno vreme je 21:58. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.