Avaleht
uus teema   vasta Tarkvara »  WWW »  CSS-is küsimus. 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:  
Kethmar
Kreisi kasutaja
Kethmar

liitunud: 21.06.2006




sõnum 05.12.2008 23:19:12 CSS-is küsimus. vasta tsitaadiga

Terekest HV rahvas.
Tekkis probleem.
Probleem on siin lehel:
http://kethmar.ee/testttt.htm

Nimelt, tahan et "parem" ja "vasak" üksteisest sõltuks(st nende kõrgus üksteisest sõltuks). Praegu on nii, et kui parema sisu on suurem, kui vasakul, siis parem suureneb, aga vasak mitte ning näha on ainult "sisu" tausta. Kuidas ma saaksin nii, et kui parema sisu on nii kõrge, nagu ta seal on, siis vasaku sisu kõrgus läheb tema järgi sama kõrgeks.

Loodan, et saite aru ning oskate aidata.
Kethmar.

_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 24
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
oicu
HV kasutaja

liitunud: 23.11.2006




sõnum 05.12.2008 23:50:25 vasta tsitaadiga

huvitavalt halb stiil.

<div id="sisu">
<div id="vasak">Vasak sisu</div><div id="parem">Parem sisu<br>
<br>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
Parem sisu</div>
<div id="footer"></div>



kui tahad et vasak oleks sama kõrge kui parem, võid sinna ka <br /> tage lisada. väga halb lahendus muidugi. Kasutan parem height parameetrit

lugemist css2 height kohta
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
Kethmar
Kreisi kasutaja
Kethmar

liitunud: 21.06.2006




sõnum 06.12.2008 00:00:48 vasta tsitaadiga

Ei seda kindlasti, et height parameeter, aga hetkel ongi asi selles, et kui mul on 2 sisu ja ühe sisu tekst on pikem, kui teise, siis kuidas ma saan nad nii, et nad oleksid sama kõrged, samal ajal olles height:auto väärtusega.
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 24
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
oicu
HV kasutaja

liitunud: 23.11.2006




sõnum 06.12.2008 00:19:16 vasta tsitaadiga

paremale ja vasakule paned 100% height, kõrgust piirad sisu diviga
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
Kethmar
Kreisi kasutaja
Kethmar

liitunud: 21.06.2006




sõnum 06.12.2008 00:48:30 vasta tsitaadiga

Oicu, ei aita, kui nii teen. Vähemalt Mozillas see ei tööta.

Lisan:
Töötab ainult siis, kui mul sisu osa suurus on kindlalt teada, aga mul ei ole see kindlalt teada, seetõttu see ei aita.

Pmslt kõik kõrgused on täiesti lahtised, st kui sisu venib pikaks, peab taust temaga kaasa minema, samas oleks vaja, et kõrval oleva tulba taust tuleks samamoodi kaasa.

Ehk keegi oskab veel aidata.
kethmar.

_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 24
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
oicu
HV kasutaja

liitunud: 23.11.2006




sõnum 06.12.2008 00:49:57 vasta tsitaadiga

parema ja vasaku divi height 100%, sisu divi height nt 500px
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006




sõnum 06.12.2008 01:34:17 vasta tsitaadiga

Selle saab kindlasti ka puhta css abil lahendada, kuid loll ja laisk nagu ma olen kasutasin JS. Võtad lihtsalt lühemal p*****t kinni ja vead teisega ühe pikkuseks.
See on näiteks siis hea, kui sa ei saa neid ühe pea div sees hoida vaid tahad teise kuhugi kõrvalisemasse kohta panna.
tsitaat:
parema ja vasaku divi height 100%, sisu divi height nt 500px


selliselt jääb ju kogu ala kõrgus paika, kui sisu on vähe siis on lehe kõrgus ikka 500px

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#konteiner {
width:700px;
height:auto;
}
#sisu {
width:700px;
background-color:#0033CC;
height:auto;
}
#vasak {
width:350px;

float:left;
background-color:#0066CC;
}
#parem {
width:350px;
height:auto;
float:right;
background-color:#99CC00;
}
#footer {
width:700px;
height:40px;
background-color:#CC9900;
clear:both;
}


</style>
</head>

<body>
<div id="konteiner">
<div id="sisu">
<div id="vasak">Vasak sisu
<br></div>

<div id="parem">Parem sisu<br>
<br><br><br><br>
<br>
<br>
<br>
<br>
<br>
<br>

Parem sisu</div>
<div id="footer"></div>
</div>
</div>

<script>
obj1Height = document.getElementById('vasak').offsetHeight;
obj2Height = document.getElementById('parem').offsetHeight;
if(obj1Height>obj2Height){
document.getElementById('parem').style.height=obj1Height+"px";
} else {
document.getElementById('vasak').style.height=obj2Height+"px";
}
</script>
</body>
</html>

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

liitunud: 21.06.2006




sõnum 06.12.2008 01:44:58 vasta tsitaadiga

Suur aitäh andrusny, et olid nõus minu pärast vaeva nägema, kuid mul just asi selles, et tahaks CSS-is asja ära teha.
Ega kellelgi hetkel loogika enam ei võta ? Olen ise juba suht kaua nuputanud, aga lahendust pole siiani näinud...

_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 24
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
DoS
HV veteran
DoS

liitunud: 19.08.2002




sõnum 06.12.2008 04:53:19 vasta tsitaadiga

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
http://www.gunlaug.no/contents/wd_additions_22.html
jne..

või tabel.
css2'ga lihtsat paari reaga tehtavat asja ei ole hetkel. css3'ga peaks asi paranema.
Kommentaarid: 50 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 47
tagasi üles
vaata kasutaja infot saada privaatsõnum
Kethmar
Kreisi kasutaja
Kethmar

liitunud: 21.06.2006




sõnum 06.12.2008 06:17:03 vasta tsitaadiga

DoS, selle esimese tutoriali järgi pusisin ikka väga kaua...ligi tunnike, kuid tulemast endale kirja ei saanud.
Kas tõesti pole mingit lihtsat võimalust olemas, kuidas neid üksteisest sõltuma saada? See http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks on super, kuid see ajab mul lehe liiga keeruliseks+ ei saa selle töökäigust 100% aru.

Kethmar.

//Sain probleemi lahendatud. Kirjutaks siia meeleldi, mida tegin, kui ise ka aru saaks...Pmslt ütlen ainult ära, et Google ja kasutaja DoS vastuse kombineerimisel leidsin Googlest lahenduse. Aitäh kõigile kes aitasid icon_smile.gif .

_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 24
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  CSS-is küsimus.
[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.