Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
CSS+XHTML = ku**ac od 100 heighta :)

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 06.06.2004 23:55    Post subject: CSS+XHTML = ku**ac od 100 heighta :) Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 07.06.2004 14:43    Post subject: Add user to your forum ignore list Reply with quote

Nitko?

Sad Question Question Sad

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 07.06.2004 15:44    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 07.06.2004 16:14    Post subject: Add user to your forum ignore list Reply with quote

Zamolio bih da mi posaljes... tnx Smile
bas blesavo mi je ovo sa height...

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
che.UP
mi3.crew


Joined: 07 Sep 2003
Posts: 2320
Location: zagreb

PostPosted: 07.06.2004 17:44    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 07.06.2004 18:10    Post subject: Add user to your forum ignore list Reply with quote

@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 Smile

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 07.06.2004 19:02    Post subject: Add user to your forum ignore list Reply with quote

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 Embarassed
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 07.06.2004 19:05    Post subject: Add user to your forum ignore list Reply with quote

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... Embarassed
Back to top
View user's profile Send private message Send e-mail Visit poster's website
che.UP
mi3.crew


Joined: 07 Sep 2003
Posts: 2320
Location: zagreb

PostPosted: 07.06.2004 19:32    Post subject: Add user to your forum ignore list Reply with quote

ti mislis na ovaj zuti div? ja sam zbunjen skroz :)

_________________
UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX
Back to top
View user's profile Send private message Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 08.06.2004 11:02    Post subject: Add user to your forum ignore list Reply with quote

lijevi div!?
onaj sa pun kurac teksta!

neradi mi ni ovaj javascript kak treba..
gr.....


plz neko? neko rjesenje?! Smile da radi...

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska

PostPosted: 08.06.2004 12:23    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice

PostPosted: 08.06.2004 15:47    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska

PostPosted: 08.06.2004 17:15    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group