• Apgrejdovali smo forum na XenForo 2.1.1, ukoliko imate predloga vezanih za izgled ili funkcionalnost foruma, ili ukoliko naletite na neki problem, javite nam OVDE

    DEFINISALI SMO PRAVILA FORUMA. Pročitajte ih, pojaviće se automatski kada krenete da čitate nešto!

CSS height pitanje

ThePocetnik

Moderator
Učlanjen(a)
30.03.2009.
Poruka
5.087
Rezultat reagovanja
25
Moja konfiguracija
PC / Laptop Name:
HP Pavilion - 14-ce0008nm
CPU & cooler:
Intel Core i7 5820K feat NiC L32
Motherboard:
ASRock X99 WS
RAM:
4x8GB DDR4 2666MHz Kingston HyperX Fury
VGA & cooler:
Sapphire Pulse 580 4GB
Display:
Dell 2312HM i AOC G2460PF
HDD:
Seagate 3TB, WD Red 3TB, Samsung F3 1TB, Samsung 850 EVO 500GB, HP EX900 512GB, Intel M.2 SSD 6000p
Sound:
Asus Xonar U7 feat Logitech X-530 / Corsair Vengeance 1500 / Superlux HMC631
Case:
Corsair Carbide 500R
PSU:
EVGA SuperNova G3 750W
Optical drives:
LiteOn iHAS124 / ASUS SBW-06D2X-U
Mice & keyboard:
RedDragon Kala i A4Tech V7 Bloody
Internet:
SBB
OS & Browser:
Windows 10 Pro x64
Other:
PS3 Ultra slim 500GB / Shuttle XS35V4
Ovako imam jedan div kome je visina postavljena na auto tj. nije fiksirana.

U njemu se nalazi levi i desni div. U levom divu ide sadrzaj te je njegova visina takodje postavljena na auto, kako bi se od sadrzine automatski menjala.
Desni div bi trebalo da ima visinu levog, bez obzira na sadrzaj u njemu.
Naime zelim da se u desnom divu nalazi slika centrirana po vertikali, a da ostatak diva bude nacinjen od background boje.

Ali nikako ne mogu da namestim da desni div uzme visinu od levog ili barem od parent elementa. Stavio sam i height: inherit, ali i dalje je visina postavljena na auto. Probao sam i height: 100%, ali ni to ne radi posao tj. i dalje zavisi visina od sadrzaja u desnom divu.

Da li ikako mogu da podesim (da li u CSS-u ili samom index.php-u) i da kazem desnom divu da preuzme ili trenutnu visinu levog ili barem visinu parent elementa.

Java resenje me ne zanima, jer gledam da to izbegnem kad god je to moguce.
 

miha

Moderator
Učlanjen(a)
02.04.2009.
Poruka
1.290
Rezultat reagovanja
16
Moja konfiguracija
Mice & keyboard:
cm quickfire tk (brown mx) | cm novatouch tkl & logitech mx performance
OS & Browser:
Debian
probaj ovo da stavis za taj desni
Kod:
    display: inline-block;
    vertical-align: top;

btw... bolje da si postavio kod nego ovako opisno... morao sam 5x da citam :d
 

ThePocetnik

Moderator
Učlanjen(a)
30.03.2009.
Poruka
5.087
Rezultat reagovanja
25
Moja konfiguracija
PC / Laptop Name:
HP Pavilion - 14-ce0008nm
CPU & cooler:
Intel Core i7 5820K feat NiC L32
Motherboard:
ASRock X99 WS
RAM:
4x8GB DDR4 2666MHz Kingston HyperX Fury
VGA & cooler:
Sapphire Pulse 580 4GB
Display:
Dell 2312HM i AOC G2460PF
HDD:
Seagate 3TB, WD Red 3TB, Samsung F3 1TB, Samsung 850 EVO 500GB, HP EX900 512GB, Intel M.2 SSD 6000p
Sound:
Asus Xonar U7 feat Logitech X-530 / Corsair Vengeance 1500 / Superlux HMC631
Case:
Corsair Carbide 500R
PSU:
EVGA SuperNova G3 750W
Optical drives:
LiteOn iHAS124 / ASUS SBW-06D2X-U
Mice & keyboard:
RedDragon Kala i A4Tech V7 Bloody
Internet:
SBB
OS & Browser:
Windows 10 Pro x64
Other:
PS3 Ultra slim 500GB / Shuttle XS35V4
Probao, ali ne funkcionise :(

I dalje njegova visina zavisi od visine slike koje stavim u taj modul.

Evo stavicu sada kod:
#content-menu{
width: 970px;
margin: auto;
overflow: hidden;
background-color: #ffffff;
}

#rightmenu {
width: 192px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
/*float: left;
height: inherit;*/
display: inline-block;
vertical-align: top;
background-color: #000000;
/*overflow: auto;*/
}
#content {
width: 768px;
float: left;
margin: 0,0,0,0;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
min-height: 350px;
font-size: 14px;
content-menu je master div u kojem se nalaze DIV rightmenu(desno) i content(levo).
Pokusavao sam gotovo sve kombinacije, pa cak i one za koje sam bio siguran da nece da rade.
 

Exibeat

PCAXE Member
Učlanjen(a)
12.06.2013.
Poruka
211
Rezultat reagovanja
0
Moja konfiguracija
CPU & cooler:
FX-8350 / OCZ Vanquisher
Motherboard:
Asus Sabertooth 990fx R2.0
RAM:
2x8GB Kingston Hyperx Beast
VGA & cooler:
MSI GTX 1060 3GB
Display:
DELL P2414H
HDD:
256GB Crucial MX500 + 1TB Seagate
Sound:
Integrisana
Case:
Neki MS Industrial
PSU:
Thermaltake Smart SE-730W
Mice & keyboard:
A4tech x7 x-749k / Logitech neka od 500dinara :D
Internet:
MTS 50/8 Mbps
OS & Browser:
Windows 10 / Chrome-Mozilla
Evo, mislim da sam nasao resenje, sad cu ti napisati kod.
 

Exibeat

PCAXE Member
Učlanjen(a)
12.06.2013.
Poruka
211
Rezultat reagovanja
0
Moja konfiguracija
CPU & cooler:
FX-8350 / OCZ Vanquisher
Motherboard:
Asus Sabertooth 990fx R2.0
RAM:
2x8GB Kingston Hyperx Beast
VGA & cooler:
MSI GTX 1060 3GB
Display:
DELL P2414H
HDD:
256GB Crucial MX500 + 1TB Seagate
Sound:
Integrisana
Case:
Neki MS Industrial
PSU:
Thermaltake Smart SE-730W
Mice & keyboard:
A4tech x7 x-749k / Logitech neka od 500dinara :D
Internet:
MTS 50/8 Mbps
OS & Browser:
Windows 10 / Chrome-Mozilla
html kod

Kod:
<div id="sadrzaj">
    <div id="levidiv" class="divovi">
        ovde stavis neki tekst<br>
        bla<br>
        bla<br>
        bla<br>
    </div>
    <div id="desnidiv" class="divovi">
        ovde mozes da stavis neku sliku<br>
        to verovatno znas da uradis :D 
    </div>
</div>
ovo je css kod
Kod:
#sadrzaj {
    border: 1px;
    display: table;
}
.divovi {
    display: table-cell;
}
#levidiv {
    border: 3px solid blue;   
    width: 100px;
}
#desnidiv {
    border: 3px solid green;  
    width: 500px;
}
 

ThePocetnik

Moderator
Učlanjen(a)
30.03.2009.
Poruka
5.087
Rezultat reagovanja
25
Moja konfiguracija
PC / Laptop Name:
HP Pavilion - 14-ce0008nm
CPU & cooler:
Intel Core i7 5820K feat NiC L32
Motherboard:
ASRock X99 WS
RAM:
4x8GB DDR4 2666MHz Kingston HyperX Fury
VGA & cooler:
Sapphire Pulse 580 4GB
Display:
Dell 2312HM i AOC G2460PF
HDD:
Seagate 3TB, WD Red 3TB, Samsung F3 1TB, Samsung 850 EVO 500GB, HP EX900 512GB, Intel M.2 SSD 6000p
Sound:
Asus Xonar U7 feat Logitech X-530 / Corsair Vengeance 1500 / Superlux HMC631
Case:
Corsair Carbide 500R
PSU:
EVGA SuperNova G3 750W
Optical drives:
LiteOn iHAS124 / ASUS SBW-06D2X-U
Mice & keyboard:
RedDragon Kala i A4Tech V7 Bloody
Internet:
SBB
OS & Browser:
Windows 10 Pro x64
Other:
PS3 Ultra slim 500GB / Shuttle XS35V4
Hvala, ovo vec funkcionise.

Updateovao sam index.php i template.css prema ovim uputstvima, i obrisao sam diplay: inline-block iz #rightmenu-a, i tako funkcionise.
 

FantomX

GPU Guru
Učlanjen(a)
01.04.2009.
Poruka
4.849
Rezultat reagovanja
3
Moja konfiguracija
CPU & cooler:
iMac 24"
Other:
¿ʞɔnɟ əɥʇ ʇɐɥʍ
:sekira:
 

miha

Moderator
Učlanjen(a)
02.04.2009.
Poruka
1.290
Rezultat reagovanja
16
Moja konfiguracija
Mice & keyboard:
cm quickfire tk (brown mx) | cm novatouch tkl & logitech mx performance
OS & Browser:
Debian
dodjem da vidim sta se desava... kad ono :P

:sekira:
 

Darko

PCAXE Addicted
Učlanjen(a)
10.05.2009.
Poruka
1.567
Rezultat reagovanja
2
Moja konfiguracija
CPU & cooler:
i7 4770k @ 4.3Ghz + Noctua NH-D14 / Bitfenix Recon
Motherboard:
Gigabyte G1.Sniper 5
RAM:
32GB G.SKILL TridentX DDR3-2400 CL10
VGA & cooler:
Asus GTX 980 Strix
Display:
3x Dell u2414h
HDD:
SSD Samsung 840 EVO 120GB + Samsung 840 EVO 1TB
Sound:
GB SB Recon 3Di @ Logitech Z906
Case:
Fractal Design Define XL R2
PSU:
Fractal Design Newton R3 1000W
Optical drives:
Samsung BluRay Ext
Mice & keyboard:
Corsair Katar + Corsair K70 RGB
Internet:
Netgear Nighthawk R7000 / Gbit
OS & Browser:
Win 7
Ovo je u stvari divan primer vracanja korenima. Pozdravljam popravljen problem, ali interesantno je kako se mic po mic vracamo tabelama - ali ovog puta preko CSSa ;)
 

ThePocetnik

Moderator
Učlanjen(a)
30.03.2009.
Poruka
5.087
Rezultat reagovanja
25
Moja konfiguracija
PC / Laptop Name:
HP Pavilion - 14-ce0008nm
CPU & cooler:
Intel Core i7 5820K feat NiC L32
Motherboard:
ASRock X99 WS
RAM:
4x8GB DDR4 2666MHz Kingston HyperX Fury
VGA & cooler:
Sapphire Pulse 580 4GB
Display:
Dell 2312HM i AOC G2460PF
HDD:
Seagate 3TB, WD Red 3TB, Samsung F3 1TB, Samsung 850 EVO 500GB, HP EX900 512GB, Intel M.2 SSD 6000p
Sound:
Asus Xonar U7 feat Logitech X-530 / Corsair Vengeance 1500 / Superlux HMC631
Case:
Corsair Carbide 500R
PSU:
EVGA SuperNova G3 750W
Optical drives:
LiteOn iHAS124 / ASUS SBW-06D2X-U
Mice & keyboard:
RedDragon Kala i A4Tech V7 Bloody
Internet:
SBB
OS & Browser:
Windows 10 Pro x64
Other:
PS3 Ultra slim 500GB / Shuttle XS35V4
Pa kada tako jedino i radi, barem za sada.

Ako najdem neko resenje bez tabela javicu. Mada mi nije jasno zasto height: inherit koji nasledjuje visinu od parent elementa cija je visina identicna levom panelu ne vrsi posao. Jedino ako inherit ne nasledjuje izracunatu vrednost parametra prilikom prikaza, vec sam parametar koji je postavljen na auto isl...
 

miha

Moderator
Učlanjen(a)
02.04.2009.
Poruka
1.290
Rezultat reagovanja
16
Moja konfiguracija
Mice & keyboard:
cm quickfire tk (brown mx) | cm novatouch tkl & logitech mx performance
OS & Browser:
Debian
inherit nasledjuje vrednost parametra.

centriranje po vertikali je najdosadniji problem... ako bilo ko ima neke lepe primere neka stavi... stavicu kasnije jedan primer se height postavlja iz velicine contenta u iframe-u (naravno da je JS u pitanju ali eto primenio to juche pa dok je sveze)
 
Vrh