Avaleht
uus teema   vasta Tarkvara »  WWW »  25% div x4 borderiga 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:  
neros
HV Guru
neros

liitunud: 26.11.2003
sõnum 12.02.2010 15:25:03 25% div x4 borderiga vasta tsitaadiga
Probleem järgmine. Oleks tarvis 4 ühesuurust divi saada kõrvuti ühe teise divi sisse mille suurus on teadmata. Jama aga selles, et kui ma divi laiuseks määran 25% ja sinna veel 1px borderi otsa panen siis vistakse viimane div teisele reale. Kui ma aga laiuseks 24% määran, jääb osa lõpust tühjaks. Kas oleks kuidagi võimlaik divi suurus automatiseerida (ILMA javascripti abita siis)? Ise mitte ei suuda välja nuputada...
Kommentaarid: 48 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 12.02.2010 21:41:13 vasta tsitaadiga
madedog, pane selle DIVi sisse veel üks DIV ja border määra hoopis sellele.
_________________
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
neros
HV Guru
neros

liitunud: 26.11.2003
sõnum 13.02.2010 14:37:06 vasta tsitaadiga
Mnjah natuke kilplaslik lahendus küll... mõtlesin selle peale aga arvasin, et ehk on mingi muu võimalus, oh well.
_________________
GitHub
.NET Core & Azure baasil lahendused ja arhitektuur - kontakt.
Kommentaarid: 48 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 13.02.2010 16:42:08 vasta tsitaadiga
Ma mõtlesin tükk aega selle asja peale ja tundub, et tegin peaaegu korrektse lahenduse, parandage, kui eksin. Toimib kõigis browserites.

<style type="text/css" media="all">

#pea{position:relative;width:400px;height:200px;background:#cccccc;border:solid 1px #000;}
.sees{height:100%;width:25%;float:left;border-right:solid 1px #000;}
.sees2{height:100%;width:24%;float:left;}
</style>

</head>
<body>


<div id="pea">
<div class="sees">f</div>
<div class="sees">f</div>
<div class="sees">f</div>
<div class="sees2">f</div>
</div>

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

liitunud: 12.02.2010
sõnum 13.02.2010 19:03:03 vasta tsitaadiga
andrusny kirjutas:
Ma mõtlesin tükk aega selle asja peale ja tundub, et tegin peaaegu korrektse lahenduse, parandage, kui eksin. Toimib kõigis browserites.

<style type="text/css" media="all">

#pea{position:relative;width:400px;height:200px;background:#cccccc;border:solid 1px #000;}
.sees{height:100%;width:25%;float:left;border-right:solid 1px #000;}
.sees2{height:100%;width:24%;float:left;}
</style>

</head>
<body>


<div id="pea">
<div class="sees">f</div>
<div class="sees">f</div>
<div class="sees">f</div>
<div class="sees2">f</div>
</div>


kui borderit mitte panna, siis on kõik 25 % icon_biggrin.gif aga muidu toimib jah icon_cool.gif
Kommentaarid: 1 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 13.02.2010 19:16:00 vasta tsitaadiga
PokerAce, ei toimi ju. viimane kast ei ole sama suur kui teised. Sinna ei saa ka sama palju sisu panna.
andrusny, jättis osavalt kastide tausta värvimata ja pani laiuseks ainult 400px, et see defekt välja ei paistaks.

600px ja kastidele ka taust:
html:
  1. <head>
  2. <style type="text/css" media="all">
  3.  
  4. #pea{position:relative;width:600px;height:200px;background:#cccccc;border:solid 1px #000;}
  5. .sees{height:100%;width:25%;float:left;border-right:solid 1px #000;}
  6. .sees2{height:100%;width:24%;float:left;}
  7. .sees, .sees2 {background:lightblue;}
  8. </style>
  9.  
  10. </head>
  11. <body>
  12.  
  13.  
  14. <div id="pea">
  15. <div class="sees">f</div>
  16. <div class="sees">f</div>
  17. <div class="sees">f</div>
  18. <div class="sees2">f</div>
  19. </div>
  20. </body>

_________________
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
andresv
HV kasutaja

liitunud: 06.12.2004



Autoriseeritud ID-kaardiga
sõnum 16.02.2010 12:43:24 vasta tsitaadiga
aitab ka css3 box-sizing attribuudi kasutamine, et borderit arvestataks laiuse/kõrguse sisse. Nagu see IE-6-s töötab.

box-sizing: border-box
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
-ms-box-sizing: border-box
http://www.quirksmode.org/css/box.html
Kommentaarid: 5 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 5
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  25% div x4 borderiga
[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.