Avaleht
uus teema   vasta Tarkvara »  WWW »  css'iga probleem. märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
mine lehele 1, 2  järgmine
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:  
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 19.04.2010 21:44:06 css'iga probleem. vasta tsitaadiga
Probleem 1:
Mul on neli DIV blokki. kolm tükki üleval, üksteise järel ja neljas lehe all koodiga: position:absolute; bottom:0px;.
Kui ma teen oma browseri akent ise tahtlikult väiksemaks niipalju, et ülemised DIV'id jõuavad alumiseni, siis tahaks et akent veel väiksemaks tehes ei läheks ülesmised kolm DIV'i alumise DIV'i taha vaid võtaks alumise DIV'i endaga kaasa allapoole.

Probleem 2:

Mul on üks kast (div) kuhu tahan x telge pidi kordama panna tausta (400px kõrge). Kuidas teha nii, et selle kasti sisu oleks minimaalselt 400px kõrge või siis vastavalt sisule kui seda on rohkem kui 400px.
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
iFlop
Kreisi kasutaja
iFlop

liitunud: 03.05.2003



Autoriseeritud ID-kaardiga
sõnum 20.04.2010 00:12:16 vasta tsitaadiga
Probleem 1:
http://www.cssstickyfooter.com/
Lahendus pole just kõige ilusam..
Edit: kuna sticky footer hakkas mindki huvitama, siis leidsin natuke lihtsama lahenduse: http://ryanfait.com/sticky-footer/

Probleem 2:
CSS2's min-height täiesti olemas:
http://www.w3schools.com/css/pr_dim_min-height.asp
IE6 samas seda ei toeta.
Kommentaarid: 67 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 66
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 20.04.2010 02:36:29 vasta tsitaadiga
tänud vastuse eest. min-height täitsa toimiv jah enamus browseritel, seega võtsin kasutusse ja kui min-heighti kasutada, siis sain ka esimese problemi lahendatud:

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.06.2010 01:58:20 vasta tsitaadiga
miks mul see #background ei lähe vähemalt sama kõrgeks kui on #left? või kuidas sellist asja lahendama peaks? selle #left kõrgus on muutuv!

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.         margin-left: 0px;
  10.         margin-top: 0px;
  11.         margin-right: 0px;
  12.         margin-bottom: 0px;
  13.         background-color:#CCC;
  14. }
  15. #container {
  16.         margin-left:auto;
  17.         margin-right:auto;
  18.         width:940px;
  19. }
  20. #background {
  21.         width:920px;
  22.         background-color:#FFF;
  23.         margin-top:20px;
  24.         margin-left:auto;
  25.         margin-right:auto;
  26. }
  27. #left {
  28.         width:200px;
  29.         margin-left:6px;
  30.         margin-top:6px;
  31.         height:400px;
  32.         background-color:#FF9;
  33.         float:left;
  34. }
  35. #right {
  36.         background-color:#C6F;
  37.         margin-left:230px;
  38. }
  39. -->
  40. </style>
  41. </head>
  42. <body>
  43. <div id="container">
  44.   <div id="background">
  45.     <div id="left">vasak stuff</div>
  46.     <div id="right">parem stuff</div>
  47.   </div>
  48. </div>
  49. </body>
  50. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 28.06.2010 07:46:37 vasta tsitaadiga
Lefti-righti järgi peaks olema üks tühi div, mis on clear: left tähistusega, see venitaks backgroundi pikaks.
Visual formatting model kirjutas:
Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float did not exist.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.06.2010 09:45:51 vasta tsitaadiga
tnx... probleemid jätkuvad. kui ma nüüd lisan #right margin-top:6px;, siis see ei tööta...
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 28.06.2010 10:23:39 vasta tsitaadiga
http://jsbin.com/oqibu4
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 07.07.2010 15:11:59 vasta tsitaadiga
kas seda kuidagi paremini saab kirjutada? on oluline, et list luuakse li abil ja siis seal sees on keskmine osa th maksimaalse pikkusega. samas võib neid td olla vähem või rohkem. kui th-le anda paddingut, siis ei tohi kogupikkus muutuda!

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript" src="cms/includes/jquery/jquery-1.4.2.js"></script>
  7. <script type="text/javascript" src="cms/includes/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script>
  8. <style type="text/css">
  9. ul.list, ul.list p {
  10.   margin:0;
  11.   padding:0;
  12. }
  13. ul.list th {
  14.   width:100%;
  15.   font-weight:normal;
  16.   text-align:left;
  17. }
  18. ul.list {
  19.   max-width:740px;
  20.   min-width:740px;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <ul class="list">
  26. <li>
  27. <table>
  28.   <tr>
  29.     <td>img</td>
  30.     <td>img</td>
  31.     <th>Tekst</th>
  32.     <td>img</td>
  33.     <td>img</td>
  34.     <td>img</td>
  35.     <td>img</td>
  36.     <td>img</td>
  37.   </tr>
  38. </table>
  39. </li>
  40. <li>
  41. <table>
  42.   <tr>
  43.     <td>img</td>
  44.     <td>img</td>
  45.     <th style="padding-left:20px;">Tekst</th>
  46.     <td>img</td>
  47.     <td>img</td>
  48.     <td>img</td>
  49.     <td>img</td>
  50.     <td>img</td>
  51.   </tr>
  52. </table>
  53. </li>
  54. <li>
  55. <table>
  56.   <tr>
  57.     <td>img</td>
  58.     <td>img</td>
  59.     <th>Tekst</th>
  60.     <td>img</td>
  61.     <td>img</td>
  62.     <td>img</td>
  63.     <td>img</td>
  64.     <td>img</td>
  65.   </tr>
  66. </table>
  67. </li>
  68. </ul>
  69. </body>
  70. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 12:23:45 vasta tsitaadiga
jällegi probleem. kuidaks saaks selle gif submiti nüüd vertikaalselt keskele võrreldes texti inputiga? gifi kõrgus on 25px

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. form, ul, li {
  9.     margin:0;
  10.     padding:0;
  11. }
  12. #test {
  13.     margin-left:30px;
  14.     margin-top:50px;
  15. }
  16. li {
  17.     list-style-type:none;
  18.     display:inline;
  19. }
  20. input[type=text] {
  21.     padding-top:8px;
  22.     padding-bottom:8px;
  23.     font-family:"Lucida Console", Monaco, monospace;
  24.     font-size:12px;
  25. }
  26. -->
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. <div id="test">
  32. <form action="">
  33. <ul>
  34.   <li>
  35.     <input type="text" />
  36.   </li>
  37.   <li>
  38.     <input type="image" src="img/search_transparent.gif" />
  39.   </li>
  40. </ul>
  41. </div>
  42. </body>
  43. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 06.10.2010 12:57:49 vasta tsitaadiga
JSBin versioon siis asjast koos toimiva pildiga ja puuduoleva </form> tagiga.
http://jsbin.com/ihidu3
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 14:14:56 vasta tsitaadiga
mikk36, aga see ei toimu ju... sama moodi paneb valesti...
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 06.10.2010 14:56:36 vasta tsitaadiga
keevitaja, panin lihtsalt lihtsamaks mudimiseks selle, siit HV'st ei anna vähemasti Firefoxiga normaalselt kopeerida seda koodivälja, lisaks ei pruugi pilti niisama käepärast võtta olla.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 15:25:41 vasta tsitaadiga
ma kopeerin sellised asju tavaliselt nii, et panen quote ja siis textareast copy
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 15:34:22 vasta tsitaadiga
aga mis võimalused veel on? kõige mõistlikum vist sellised vertical center align ikka tabeliga lahendada
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 08.10.2010 13:14:18 vasta tsitaadiga
keevitaja, link
Tee HTML korda ja näitab IE ka korrektselt.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 08.10.2010 13:22:53 vasta tsitaadiga
http://keevitaja.com/stuff/search_ok/

see nüüd näitab ühte moodi IE6, IE8, opera, ff, chrome, safari.
keegi IE7 saab vaadata?

mikk36, nägin jah juba ise.

aga kui IE6 on ok, kas siis võib eeldada, et ka IE7 on ok?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.10.2010 13:26:45 vasta tsitaadiga
Keevitaja - miks sellega ei katseta: http://www.microsoft.com/downloads/en/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en
_________________
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
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 08.10.2010 13:38:33 vasta tsitaadiga
kle see mingi hull installimine, mingid virtuaal serverid jne. IE6 on olemas see multiple IEs 10MB
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 08.10.2010 13:39:11 vasta tsitaadiga
Alati ka browsershots võimalus.
http://browsershots.org/screenshots/0b933fcabea4597689c4bc7650e8f735
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.10.2010 13:46:17 vasta tsitaadiga
keevitaja, mingit suurt installimist pole - Virtual PCd ainult vaja - se etäitsa tasuta - ja tirid selel valmis image sealt alla lihtsalt icon_lol.gif
_________________
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
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 08.10.2010 13:56:45 vasta tsitaadiga
VMWare lahendused oskavad samuti neid VPC kettaid avada.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.10.2010 15:12:12 vasta tsitaadiga
mikk36, osata ju võib aga MSile kohaselt ei toimi see preinstall mujal.

Win tuvastab raua muutuse ja tahab uuesti aktiveerimist ja mida veel saada. Olen katsetanud eri virtuaalmasina kombinatsioonidega. Sama juttu võib ka guuglest leida.
_________________
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
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 08.10.2010 15:36:32 vasta tsitaadiga
Deem, selle peale ei mõtelnud.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 08.10.2010 16:30:14 vasta tsitaadiga
Erinevate IE versioonidega testmiseks kasutage sellist programmi nagu IETester
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.10.2010 15:27:11 vasta tsitaadiga
kas selline css kirjeldamine on lubatud?

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. body {
  8.         font-family:Verdana, Geneva, sans-serif;
  9.         font-size:12px;
  10. }
  11. .body {
  12.         border:1px solid red;
  13.         padding:10px;
  14. }
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <p class="body">Kas see on lubatud?</p>
  20. </body>
  21. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  css'iga probleem. mine lehele 1, 2  järgmine
[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.