View previous topic :: View next topic |
Author |
Message |
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 07.06.2004 00:55 Post subject: CSS+XHTML = ku**ac od 100 heighta :) |
|
|
Jel zna neko kak da napravim 100% height u htmlu i css-u a da mi se pritom 'ne raspadne' ?!? tocnijne, pocetni div bude 100% velicine browsera, a ostatak teksta ode van (div ga ne prati).
Konkretnije primjer: http://terragenetic.org/prajvat/ll.htm
tnx! |
_________________ ah.. |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 07.06.2004 15:43 Post subject: |
|
|
Nitko?
|
_________________ ah.. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 07.06.2004 16:44 Post subject: |
|
|
Sa xhtml + css nikako. Height nije u specifikaciji.
Vidi http://www.mi3dot.org/forum/viewtopic.php?t=1773
Ili makni DOCTYPE ili javascriptom (mogu ti postat skripticu koju sam napisao kad dođjem doma, a moš i s neta) |
|
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 07.06.2004 17:14 Post subject: |
|
|
Zamolio bih da mi posaljes... tnx
bas blesavo mi je ovo sa height... |
_________________ ah.. |
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 07.06.2004 18:44 Post subject: |
|
|
Sulien wrote: | Sa xhtml + css nikako. Height nije u specifikaciji.
|
nije u specifikaciji za tablice. div moze bit 100% npr... zadan preko css-a
nego... ja ne kuzim sta se raspadne pa ti nemrem ni pomoc trenutno. koji div ti je pocetni itd..? |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 07.06.2004 19:10 Post subject: |
|
|
@che: al je tih 100%, 100% od povrsine browsera, ak je content veci od toga onda se div ne produljuje....
sajt se ne raspoadne doslovno vizualno, nego ono jednostavno se dov ne povecava sa kolicinom sadrzaja, a ak mu height stavim auto, onda mi ak je manje sadrzaja nije preko 100% ekrana...
evo sklepo sam si neki javascript u meduvremenu, radi mi u FF al ne u IE, ako neko zna fix... plz...
Code: | <script>
function stoPosto(elm) {
var sadrzaj=document.getElementById(elm);
var x = screen.availHeight;
if (document.height <screen.availHeight )
{
sadrzaj.style.height = x + "px";
}
}
</script> |
fala |
_________________ ah.. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 07.06.2004 20:02 Post subject: |
|
|
Ja sam napravio ovaj kod da centrira vertikalno jednu tablicu fiksne velicine, ali moze se modificirati za bilo sto takvo, radi u FF i IE
Code: | var winW = 630, winH = 460;
function setTableMargin(){
if(parseInt(navigator.appVersion)>3) {
if(navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if(navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
document.getElementById("mainTable").style.marginTop = (winH-580)/2+"px";
} |
Uglavnom, smisao skripte je da dobije velicinu canvasa (radnog prostora)... Kad imas velicinu, dalje je samo style property...
EDIT: zapravo, kad pogledam, vecinu koda sam copio od nekud |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 07.06.2004 20:05 Post subject: |
|
|
che.UP wrote: | Sulien wrote: | Sa xhtml + css nikako. Height nije u specifikaciji.
|
nije u specifikaciji za tablice. div moze bit 100% npr... zadan preko css-a |
Vidis... mislio sam da uopce nije u spec... |
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 07.06.2004 20:32 Post subject: |
|
|
ti mislis na ovaj zuti div? ja sam zbunjen skroz :) |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 08.06.2004 12:02 Post subject: |
|
|
lijevi div!?
onaj sa pun kurac teksta!
neradi mi ni ovaj javascript kak treba..
gr.....
plz neko? neko rjesenje?! da radi... |
_________________ ah.. |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 08.06.2004 13:23 Post subject: |
|
|
Meni nije jasno sto zelis postici s tim divom... Da ako ima puno teksta, da se ne protegne vise od viewporta ili sto? Ili da se tekst unutar tog diva scrolla ako ima vise teksta? Jel znas napraviti to sto zelis uz pomoc tablice? Pa da slozis tako da lakse skuzimo sto zelis postici? Moguce je i da ti je tablica jedino rijesenje za to sto zelis...
Ako je ovo da se scrolla, igraj se sa overflow-y propertyem na tom divu...
U svakom slucaju, baci oko ovdje: http://www.quirksmode.org/css/100percheight.html
Mozda nađeš rješenje toga što ti treba, jer ja, ponavljam, uopće ne kuzim sto tocno zelis, ali ako zelis postici isto sto i tablicom, jedan citat:
[quote=quirksmode.org]For instance, if you want to make an element as high as the entire page (whatever this height may be) you're out of luck. Although it might seem simple the specs (and the browsers' unthinking conformance) make this completely impossible.[/quote] |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 08.06.2004 16:47 Post subject: |
|
|
zytzagoo wrote: | Meni nije jasno sto zelis postici s tim divom... Da ako ima puno teksta, da se ne protegne vise od viewporta ili sto? Ili da se tekst unutar tog diva scrolla ako ima vise teksta? Jel znas napraviti to sto zelis uz pomoc tablice? Pa da slozis tako da lakse skuzimo sto zelis postici? Moguce je i da ti je tablica jedino rijesenje za to sto zelis...
Ako je ovo da se scrolla, igraj se sa overflow-y propertyem na tom divu...
U svakom slucaju, baci oko ovdje: http://www.quirksmode.org/css/100percheight.html
Mozda nađeš rješenje toga što ti treba, jer ja, ponavljam, uopće ne kuzim sto tocno zelis, ali ako zelis postici isto sto i tablicom, jedan citat:
[quote=quirksmode.org]For instance, if you want to make an element as high as the entire page (whatever this height may be) you're out of luck. Although it might seem simple the specs (and the browsers' unthinking conformance) make this completely impossible. | [/quote]
a pa nije to tak komplicirano, jednostavno zelim da se div protegne 100% ako nema dovoljno sadrzaja u njemu da ide 100% do doljnjeg ruba browsera, a ako ima vise sadrzaja, da se div jednostavno produlji (kao da mu je height:auto).
s tablicom to u xhtmlu nemogu jer height nije u specifikaciji za tablice?!
evo primjer:
http://terragenetic.org/prajvat/ll.htm < ova narancasta pozadina mora bit do dna teksta....
ALI
kad je kolicina teksta kao i u ovom primjeru onda mora bit do dna ekrana > http://terragenetic.org/prajvat/ll2.htm
znaci to e to... jasno je, neznam jednostavno kako drukcije objasnit...
eto ako se nemoze css + xhtml, moze i uz pomoc javascripta.... |
_________________ ah.. |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 08.06.2004 18:15 Post subject: |
|
|
Nece ic bez javascripta cini mi se, a da ostanes u xhtml-u.
http://www.pdgmedia.com/ee/short_content.html
http://www.pdgmedia.com/ee/long_content.html
Detalji o gornja dva linka se mogu naci ovdje, a s ovog linka je i ovaj javascript pokupljen: http://www.experts-exchange.com/Web/Web_Languages/CSS/Q_20978171.html
Ako ne koristis xhtml doctype, nego stavis 4.01 transitional, onda radi dobro cini mi se (http://www.la-grange.net/2003/05/div-100pc-test.html)...
Javascript:
Code: | <script type="text/javascript">
<!--
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
windowHeight = window.innerHeight;
}
else {
if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
}
else {
if (document.body && document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setFooter() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight > 0) {
var headerHeight = document.getElementById('header').offsetHeight;
var contentHeight = document.getElementById('content').offsetHeight;
var footerElement = document.getElementById('footer');
var footerHeight = footerElement.offsetHeight;
if (windowHeight - (headerHeight + contentHeight + footerHeight) >= 0) {
footerElement.style.position = 'relative';
footerElement.style.top = (windowHeight - (headerHeight + contentHeight + footerHeight)) + 'px';
}
else {
footerElement.style.position = 'static';
}
}
}
}
window.onload = function() {
setFooter();
}
window.onresize = function() {
setFooter();
}
//-->
</script> |
Trebao bi dakle sad modificirati setFooter() funkciju tako da setira visinu zeljenog diva na WindowHeight, umjesto ovoga sto trenutno radi sa footer elementom... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
|