Avaleht
uus teema   vasta Tarkvara »  WWW »  HTML'is sisu DIV'i keskele saamine koos äärtes olevate DIV'idega 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
otsing:  
iceincube
HV veteran
iceincube

liitunud: 18.11.2005




sõnum 25.06.2012 22:11:35 HTML'is sisu DIV'i keskele saamine koos äärtes olevate DIV'idega vasta tsitaadiga

Küsin igaksjuhuks üle, et äkki on mingi lihtne lahendus millele ma kohe ei tulegi.
Igastahes- vaja oleks niimoodi saada DIV elemendid nagu järgneval pildil.
Spoiler Spoiler Spoiler


Keskele peab jääma roheline DIV nõnda, et mõlemas küljes oleks sama suurusega (ja erineva sisuga) kastid (kollane ja hall) X px (vstavalt siis moniotori laiusele).
Lihtsalt keskele oskaks ma panna kui tagataust oleks sama mõlemal pool- aga oleks vaja niimoodi saada, et need kastid on üksteise kõrval või sees nii, et tulemus oleks see mis nähtav pildil.

Hetkel tundub mulle, et peaksin JS'ga viewporti suuruse saama ning selle abil kollase ja halli osa suurust.
Loodan, et seletasin piisavalt selgelt.
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
Valdars
HV veteran
Valdars

liitunud: 22.02.2003




sõnum 25.06.2012 22:34:35 vasta tsitaadiga

http://bluerobot.com/web/css/center1.html
Kommentaarid: 47 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 44
tagasi üles
vaata kasutaja infot saada privaatsõnum
iceincube
HV veteran
iceincube

liitunud: 18.11.2005




sõnum 25.06.2012 22:38:15 vasta tsitaadiga

No "margin:0 auto" abil oskan ise ka- aga minu pildil kujutatud olukorda sellega luua ei saa üksi.
Javascriptiga ma saaks selle tehtud usun, aga uurin kas css ja html koostöös on võimalik kuidagi.
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004




sõnum 26.06.2012 00:29:46 vasta tsitaadiga

Tabelivihkajad teevad maha küll, aga kolme tulbaga tabel, kus keskmisel tulbal määrad laiuse.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
iceincube
HV veteran
iceincube

liitunud: 18.11.2005




sõnum 26.06.2012 02:08:53 vasta tsitaadiga

mikk36, hmm- ma ise ei mõelnud üldse selle peale tegelikult esmapilgul.
Idee poolest võiksingi seda kasutada tegelikult ja kõik korras. Proovin asja lähipäevil.
Samas dividega lahendus oleks ka dimm kuulda (kui on) thumbs_up.gif
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
risker
HV vaatleja
risker

liitunud: 18.10.2007




sõnum 26.06.2012 03:53:56 vasta tsitaadiga

http://codepen.io/pen/5771/12

Kahjuks või õnneks pole ta ilmselt päris see lahendus, mida otsid, kuna töötab täpselt nii palju: http://caniuse.com/calc
Kommentaarid: 12 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum
kuunar
Kreisi kasutaja

liitunud: 20.02.2009



Autoriseeritud ID-kaardiga

sõnum 26.06.2012 04:29:14 vasta tsitaadiga

Spoiler Spoiler Spoiler


mul kroomiga toimis
Kommentaarid: 14 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 13
tagasi üles
vaata kasutaja infot saada privaatsõnum
iceincube
HV veteran
iceincube

liitunud: 18.11.2005




sõnum 27.06.2012 12:44:27 vasta tsitaadiga

risker, su link ei töötand muidu. Samas jah- toetust tundub ka sellisele asjale vähe olema. Või eks tglt kahe otsaga asi.

kuunar,päris hea tegelikult. Ka ff'is töötaa, aga testides jõudsin ühe probleemini. (Mu esialgses küsimuses seda tõesti tegelikult ei old nn nõudena kirjas)
Nimelt siis, et rohelise kasti kõrgus pole fixed, ehk siis vastavalt sisule vertikaalselt pikeneb- sama peaksid tegema ka kollane ja hall kast. (ok reaalselt mul piisaks ka kollasest kastist - )
Ilmselt peaks olema sisu kollase kasti sees. Ma proovin asja ise lahendada praegu.
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
kuunar
Kreisi kasutaja

liitunud: 20.02.2009



Autoriseeritud ID-kaardiga

sõnum 27.06.2012 14:35:13 vasta tsitaadiga

jah, mina ei viitsinud näitele sisu tekitada ja panin fiks kõrguse
Kommentaarid: 14 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 13
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  HTML'is sisu DIV'i keskele saamine koos äärtes olevate DIV'idega
[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.