[ Príspevkov: 12 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
NapísalOffline : 06.12.2008 19:40 | roztahovanie div-ov

cafko mam taky problem s roztahovanim divu

chcem mat jeden div ktory sa bude natahovat podla 2 divov ktore su v nom len neviem ako to mam zapisat aby mi to natahovalo podla toho co je vacsi... thx uz si neviem rady budto mi to ide v jednom prehliadaci alebo druhom alebo mi da jeden div pod druhy....

// presnejsie ako mam definovat v css tie dva divy co su v tom jednom


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0
NapísalOffline : 06.12.2008 22:52 | roztahovanie div-ov

Chceš, aby sa prispôsobovala výška, alebo šírka?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
Napísal autor témyOffline : 07.12.2008 0:13 | roztahovanie div-ov

vyska


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.09.06
Prihlásený: 05.01.16
Príspevky: 47
Témy: 0 | 0
Bydlisko: Bratislava,...
NapísalOffline : 07.12.2008 9:52 | roztahovanie div-ov

Funguje to približne takto:

CSS
Kód:
#prvy, #druhy {
    width: 50%;
    float: left;
}
#rozahovaci {
    clear: left;
}


HTML
Kód:
<div id="obal">
    <div id="prvy"></div>
    <div id="druhy"></div>
    <div id="roztahovaci"></div>
</div>


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
Napísal autor témyOffline : 07.12.2008 11:42 | roztahovanie div-ov

asi si ma nepochopil

Kód:
<div id="obal">
    <div id="lava"></div>
    <div id="prava"></div>
</div>

chcem aby sa obal natahoval na vysku podla toho vyzsieho...ked bude lava vyzsi tak sa natiahne podla toho a naopak...ale lava a prava musia byt vedla seba...a s tym mam problem...lebo mne da div prava az pod div lava...a ked mu dam absolutnu poziciu tak sa potom obal nenatahuje podla neho


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.09.06
Prihlásený: 05.01.16
Príspevky: 47
Témy: 0 | 0
Bydlisko: Bratislava,...
NapísalOffline : 07.12.2008 12:46 | roztahovanie div-ov

Ja som ťa pochopil. Skús si v prehliadači zobraziť iba ten kód, čo som ti poslal ja. CSS nastavuje šírku oboch div#prava a div#lava na 50%, takže sa pri použití float:left určite zobrazia vedľa seba. Ak už ale nastavíš jednému z tých divov napr. padding, margin alebo border, objavia sa podľa seba.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
Napísal autor témyOffline : 07.12.2008 13:01 | roztahovanie div-ov

aha...no ale ja prave potrebujem tam mat border a taktiez aj margin


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.09.06
Prihlásený: 05.01.16
Príspevky: 47
Témy: 0 | 0
Bydlisko: Bratislava,...
NapísalOffline : 07.12.2008 13:06 | roztahovanie div-ov

No tak nebudeš nastavovať šírku v percentách ale v absolútnych hodnotách. Aj keď aj border by si mohol zapísať v relatívnych jednotkách, ale môže sa stať, že to v každom prehliadači uvidíš inak. Najjednoduchšie riešenie je zadať rozmery v absolútnych hodnotách, zobrať kalkulačku a pekne si zrátať šírku, margin, padding, border dokopy, aby sa ti nestalo, že sa ti objavia tie divy pod sebou. ;)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
Napísal autor témyOffline : 07.12.2008 13:24 | roztahovanie div-ov

viem tak som to aj robil lenze ked tam dam tie velkosti a aj border margin tak sa mi ten dic obal neroztiahne ba naopak strati sa ako keby v nom neboli ziadne divy...mozno robim ja stale niekde chybu tak vam to sem hodim

Kód:
.prava
{
  float: left;
  width: 500px;
  border: 1px solid #e2e2e2;
  margin-left: 10px;
}

.lava
{
  width: 200px;
  float: left;
  border: 1px solid #e2e2e2;
  margin-left: 10px;
}

#obal
{
  width: 730px;
  border: 1px solid #e2e2e2;
}


// v IE7 mi to zobrazuje tak ako ma ale vo FF3 ne


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.09.06
Prihlásený: 05.01.16
Príspevky: 47
Témy: 0 | 0
Bydlisko: Bratislava,...
NapísalOffline : 07.12.2008 13:39 | roztahovanie div-ov

Chýba ti tam ten rozťahovací div. Pozri môj prvý príspevok.


Offline

Užívateľ
Užívateľ
roztahovanie div-ov

Registrovaný: 01.10.07
Prihlásený: 03.02.14
Príspevky: 747
Témy: 152 | 152
Bydlisko: Bratislava
NapísalOffline : 07.12.2008 13:48 | roztahovanie div-ov

btw mas <div id="lava"> a pritom v CSS to mas ako ".lava" tzn. musis to mat ako <div class="lava">, alebo zmenit v CSS na "#lava" :o)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.10.08
Prihlásený: 15.12.08
Príspevky: 24
Témy: 4 | 4
Napísal autor témyOffline : 07.12.2008 13:51 | roztahovanie div-ov

aha oki uz mi to ide :) diki moc :)


 [ Príspevkov: 12 ] 


roztahovanie div-ov



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Zobrazenie 2 DIV-ov v case

v HTML, XHTML, XML, CSS

4

366

24.06.2016 16:28

baumax

V tomto fóre nie sú ďalšie neprečítané témy.

Ako prinútiť jeden div, aby sa ovládal cez druhý div

v JavaScript, VBScript, Ajax

14

679

22.04.2014 9:45

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

Problém s CSS (roztahovanie contentu)

v HTML, XHTML, XML, CSS

3

549

18.07.2008 10:33

M4rek

V tomto fóre nie sú ďalšie neprečítané témy.

načo slúžia tagy <div id="all"> a <div

v HTML, XHTML, XML, CSS

3

1069

06.10.2008 17:50

neutronmind

V tomto fóre nie sú ďalšie neprečítané témy.

Prehľad socket-ov

v AMD - Advanced Micro Devices

3

508

26.01.2012 9:31

mino_85

V tomto fóre nie sú ďalšie neprečítané témy.

Dropovanie frame-ov

v Počítačové hry

6

689

24.07.2007 16:43

GLADICEK

V tomto fóre nie sú ďalšie neprečítané témy.

Ylidan-ov notebook

v Notebooky a netbooky

3

529

05.12.2008 9:04

Ylidan

V tomto fóre nie sú ďalšie neprečítané témy.

otvorenie nedostahovanych zip-ov

v Ostatné programy

4

726

25.12.2006 0:22

POM4R4NC

V tomto fóre nie sú ďalšie neprečítané témy.

Router-ov skromný mod

v Modifikácie, návody a projekty

19

2826

26.07.2007 20:42

Maco535

V tomto fóre nie sú ďalšie neprečítané témy.

Ktory z tychto NB-ov ?

v Notebooky a netbooky

18

1164

03.12.2008 18:50

M4rek

V tomto fóre nie sú ďalšie neprečítané témy.

Synchronny load/unload iframe-ov cez Javascript

v JavaScript, VBScript, Ajax

1

430

02.01.2013 22:54

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Rada ohľadom driver-ov, pretaktovania, vyladenia PC

v Ostatné

5

396

27.02.2017 8:40

Beylond

V tomto fóre nie sú ďalšie neprečítané témy.

Pomoc pri výbere z 2 notebook-ov

v Notebooky a netbooky

1

452

02.11.2011 19:23

HGDS1

V tomto fóre nie sú ďalšie neprečítané témy.

P: Ram do ntb-ov DDR2 a DDR3

v Predám

0

319

04.04.2012 11:11

gi-lee

V tomto fóre nie sú ďalšie neprečítané témy.

µTorrent potichu inštaluje softvér na získavanie Litecoin-ov

v Články

0

775

09.03.2015 9:26

erikzet

V tomto fóre nie sú ďalšie neprečítané témy.

ktory z tychto dvoch ASUS-ov si mam vybrat ??

v Notebooky a netbooky

12

860

01.11.2016 10:37

spagetka



© 2005 - 2025 PCforum, edited by JanoF