Avaleht
uus teema   vasta Tarkvara »  WWW »  overflow ei tööta märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Plondiin
HV kasutaja


liitunud: 13.12.2001
sõnum 26.06.2009 17:32:13 overflow ei tööta vasta tsitaadiga
Oleks vaja sisuosa tekst panna overflow-iga kerima. Aga nii, et brauseril kerimisriba ei tekiks, vaid kui teksti on rohkem, siis tekiks kerimisriba vaid sisuosasse
Samas veebileht veniks vastavalt kuvari resolutsioonile. Footer oleks vastu alumist äärt.

Proovisin sisuosa overflow-iga kerima panna, kuid see ei tööta Firefoxiga icon_sad.gif

html:
  1. <table id="sada" border="0" cellpadding="0" cellspacing="0" topmargin="0">
  2. <tr>
  3. <td width="980" height="198"><img src="paisepilt.jpg" width="980" height="198" border="0" alt=""></td>
  4. </tr>
  5.  
  6.  
  7.           
  8. <tr>
  9. <td valign="top">
  10. <div style="overflow:auto; height:100%; width:950px">
  11. <p>overflow</p> 
  12. <p>overflow</p>
  13. <p>overflow</p> 
  14. <p>overflow</p> 
  15. <p>overflow</p> 
  16. <p>overflow</p>
  17. <p>overflow</p> 
  18. <p>overflow</p>
  19. <p>overflow</p> 
  20. <p>overflow</p>
  21. <p>overflow</p> 
  22. <p>overflow</p>
  23. <p>overflow</p> 
  24. <p>overflow</p>
  25. <p>overflow</p> 
  26. <p>overflow</p> 
  27. <p>overflow</p> 
  28. <p>overflow</p>
  29. <p>overflow</p> 
  30. <p>overflow</p>
  31. <p>overflow</p> 
  32. <p>overflow</p>
  33. <p>overflow</p> 
  34. <p>overflow</p>
  35. </div>    
  36. </td>      
  37. </tr>      
  38.                 
  39.  
  40. <tr>
  41. <td height="10">&nbsp;</td>
  42. </tr>
  43.  
  44.  
  45.  
  46. <tr>
  47. <td align="center" height="114">       
  48.                
  49. <table width="950" cellpadding="0" cellspacing="0" topmargin="0">
  50. <tr>
  51. <td id="footer" height="114" width="950">kontaktinfo</td>
  52. </tr>
  53. </table>
  54.  
  55.  
  56.        
  57. </td>
  58. </tr>
  59. </table>



css:
  1.   html, body, #sada {
  2.       height:100%;
  3.       margin: 0;
  4.       padding: 0;
  5.       border: none;
  6.       text-align: center;
  7.    }
  8.    #sada {
  9.       margin: 0 auto;
  10.       text-align: left;
  11.       vertical-align: middle;
  12.           border:1px solid red;
  13.    }
  14.  
  15. #footer {
  16. text-align: center;
  17. margin:0;
  18. padding:0;
  19. padding-left: 30px;
  20. background: url(kontaktiriba.jpg) bottom ;
  21. background-position: right bottom;
  22. background-repeat: no-repeat;
  23. overflow: visible;
  24. height: 114px;
  25. width: 950px;
  26. bottom:0; 
  27. }


Idee oleks siis selles, et ükskõik mis kuvari resolutsiooniga veebilehte vaadata, oleks alati päis ja jalus näha, brauseri kerimisriba poleks ja sisus tekstiosa keritav. Kas seda on üldse võimalik teostada?
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 26.06.2009 17:36:04 vasta tsitaadiga
Ma ei ole kindel kas on võimalik või mitte aga - palun ära tee sellist asja. Kas sa oled vihane lehe külastajate peale?
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Plondiin
HV kasutaja


liitunud: 13.12.2001
sõnum 26.06.2009 17:44:07 vasta tsitaadiga
Millega põhjendada selle mittekasutamist?
Paraku oli see ühe inimese kindel soov ja nõudmine, ise pole seda kunagi varem kasutanud.

Renka kirjutas:
Ma ei ole kindel kas on võimalik või mitte aga - palun ära tee sellist asja. Kas sa oled vihane lehe külastajate peale?
tagasi üles
vaata kasutaja infot saada privaatsõnum
DoS
HV veteran
DoS

liitunud: 19.08.2002
sõnum 26.06.2009 17:50:17 vasta tsitaadiga
ma arvan, et sul ei ole selle divi td'le kõrgust määratud ja selle pärast on see 100% seal mõttetu

aga vaata näiteks
http://www.cssplay.co.uk/layouts/basics2.html

viimati muutis DoS 26.06.2009 18:11:43, muudetud 1 kord
Kommentaarid: 50 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 47
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 26.06.2009 17:56:19 vasta tsitaadiga
Plondiin kirjutas:
Millega põhjendada selle mittekasutamist?
Paraku oli see ühe inimese kindel soov ja nõudmine, ise pole seda kunagi varem kasutanud.

Renka kirjutas:
Ma ei ole kindel kas on võimalik või mitte aga - palun ära tee sellist asja. Kas sa oled vihane lehe külastajate peale?
Lehel navigeerimine tuleks jätta siiski brauseri hooleks mitte ise leiutama hakata. See on elementaarne kasutusmugavuse/kasutajaliidese disainimise reegel.

Mõtle ise - miks peab inimene sel ühel lehel asju teistmoodi tegema kui mujal veebis? Harjumuse jõud on vägagi suur ja inimesed uusi asju naljalt omaks ei võta.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 26.06.2009 19:30:20 vasta tsitaadiga
See oleneb ikkagi lehe ülesehitusest ja disainist. Kui sul on ikka lehel mingi päis ja kõrval lingid ning sisu osas tekst ja mõned väikesed pildid ei ole tõesti mõtet lasta ju browseril kerida kogu lehte alla nii, et lehe läbilugemisel pead jälle ülesse rullima linkide juurde. Korralik sisu aken koos kerimisribaga oleks ju normaalne. Ilma ribata on asi jah veidi kahtlane kõik ei pruugi väga rulli fanaatikud olla.

Ajad asja ka mõttetult keeruliseks. Ma proovisin midagi, peaks protsentidega lehe mõõtusid hoidma.

<style>
html, body {
  height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #master{position:relative;margin:auto;width:980px;height:100%;}
   #sada {
position:absolute;
     left:15px;
    top: 198px;
  overflow-y: scroll;
   height:60%;

    width: 950px;
    border: solid 1px #000;
   
      text-align: left;
      vertical-align: middle;
          border:1px solid red;
   }

#footer {
position:absolute;
top:90%;
left:40%;
text-align: center;
padding-left: 30px;
background: url(kontaktiriba.jpg) bottom ;
background-position: right bottom;
background-repeat: no-repeat;
}
</style>
<body>
<div id="master">
<img src="paisepilt.jpg" width="980" height="198" border="0" alt=""/>
<div id="sada"  style="">
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>

</div>     

<div id="footer">kontaktinfo</div>
</div>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
inzinz
HV kasutaja

liitunud: 26.01.2005
sõnum 27.06.2009 19:11:15 vasta tsitaadiga
Ilusti saab, üks teadaolev näide on www.whiteboardmeeting.com, kus header ja footer on fikseeritult paigas ning scrollbar tekib ainult headeri ja footeri vahel olevale alale. Seal on taoline lähenemine et programmi helpi aknast vaadates oleks disain normaalne.
_________________
Upload.ee - eestimaine failiupload
Kommentaarid: 4 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 4
tagasi üles
vaata kasutaja infot saada privaatsõnum
Plondiin
HV kasutaja


liitunud: 13.12.2001
sõnum 15.07.2009 14:36:02 vasta tsitaadiga
andrusny, aitäh koodi eest. Aga seal koodis kahjuks sisuosa (#sada) kõrgus ei muutu nagu vaja kuvari resolutsiooni suhtes. 1024x768 on ok, aga suurema reso puhul jääb sisuosa ja footeri vahele tühi ala:(
Oleks hea kui sisuosa veniks suuremate resode puhul footerini välja. Kuidas seda saab?

andrusny kirjutas:
See oleneb ikkagi lehe ülesehitusest ja disainist. Kui sul on ikka lehel mingi päis ja kõrval lingid ning sisu osas tekst ja mõned väikesed pildid ei ole tõesti mõtet lasta ju browseril kerida kogu lehte alla nii, et lehe läbilugemisel pead jälle ülesse rullima linkide juurde. Korralik sisu aken koos kerimisribaga oleks ju normaalne. Ilma ribata on asi jah veidi kahtlane kõik ei pruugi väga rulli fanaatikud olla.

Ajad asja ka mõttetult keeruliseks. Ma proovisin midagi, peaks protsentidega lehe mõõtusid hoidma.

<style>
html, body {
  height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #master{position:relative;margin:auto;width:980px;height:100%;}
   #sada {
position:absolute;
     left:15px;
    top: 198px;
  overflow-y: scroll;
   height:60%;

    width: 950px;
    border: solid 1px #000;
   
      text-align: left;
      vertical-align: middle;
          border:1px solid red;
   }

#footer {
position:absolute;
top:90%;
left:40%;
text-align: center;
padding-left: 30px;
background: url(kontaktiriba.jpg) bottom ;
background-position: right bottom;
background-repeat: no-repeat;
}
</style>
<body>
<div id="master">
<img src="paisepilt.jpg" width="980" height="198" border="0" alt=""/>
<div id="sada"  style="">
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>

</div>     

<div id="footer">kontaktinfo</div>
</div>
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 15.07.2009 18:28:11 vasta tsitaadiga
Kasuta % kui tahad, et kõigi resodega oleksid vahed ja kõrgused samad.
Midagi sellist näiteks:

<style>
html, body {
  height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #master{position:relative;margin:auto;width:980px;height:100%;}
   #sada {
position:absolute;
     left:15px;
    top: 27%;
  overflow-y: scroll;
   height:60%;

    width: 950px;
    border: solid 1px #000;
   
      text-align: left;
      vertical-align: middle;
          border:1px solid red;
   }

#footer {
position:absolute;
top:90%;
left:40%;
text-align: center;
padding-left: 30px;
background: url(kontaktiriba.jpg) bottom ;
background-position: right bottom;
background-repeat: no-repeat;
}
</style>
<body>
<div id="master">
<img src="paisepilt.jpg" width="980" height="20%" border="0" alt=""/>
<div id="sada"  style="">
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>
<p>overflow</p> 
<p>overflow</p>

</div>     

<div id="footer">kontaktinfo</div>
</div>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Plondiin
HV kasutaja


liitunud: 13.12.2001
sõnum 16.07.2009 11:53:35 vasta tsitaadiga
Proovisin seda. Sättisin kuvari reso 1024x768px jaoks protsendid paika, aga kui siis suurema resoga kuvariga vaadata, siis seal jääb sisu kaugus ülevalt liiga suureks- päise ja sisu vahele tuleb suur vahe.
Päise (ja footeri )pildi kõrgused on kindlate kõrgustega. Aga siis kui protsent määrata nii, et suure resoga hea vaadata on, siis väiksema resoga kuvariga jääb päise pilt poolenisti peitu. icon_sad.gif

tsitaat:
Kasuta % kui tahad, et kõigi resodega oleksid vahed ja kõrgused samad.
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 16.07.2009 12:30:15 vasta tsitaadiga
tsitaat:
Päise (ja footeri )pildi kõrgused on kindlate kõrgustega
Aga proovi need ka % panna, siis peaks ju toimima.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
MrAndu
HV kasutaja
MrAndu

liitunud: 26.07.2007
sõnum 16.07.2009 14:07:38 vasta tsitaadiga
varasta minu lehelt koodi: http://os.offlain.com veebibrauser oli just sellise mõttega seal, et seda testida ja töötab küll icon_smile.gif
Tean, et see leht on jube kuid miskit peaksid sealt küll saama

selleks, et lehel määrata teiste asjade kõrguseks 100% võid proovida anda css-is body-le height:100% see aitas minu puhul
_________________
Ma pole mingi spetsialist kuigi võiks ju olla...
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 51
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  overflow ei tööta
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.