| | |
| Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Autor | Správa |
---|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal pire: 06.12.2008 19:40 | |
|
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
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 06.12.2008 22:52 | |
|
Chceš, aby sa prispôsobovala výška, alebo šírka?
|
|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal autor témy pire: 07.12.2008 0:13 | |
|
vyska
|
|
Registrovaný: 27.09.06 Prihlásený: 05.01.16 Príspevky: 47 Témy: 0 Bydlisko: Bratislava,... | Napísal Codik: 07.12.2008 9:52 | |
|
Funguje to približne takto:
CSSKód: #prvy, #druhy { width: 50%; float: left; } #rozahovaci { clear: left; }
HTMLKód: <div id="obal"> <div id="prvy"></div> <div id="druhy"></div> <div id="roztahovaci"></div> </div>
|
|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal autor témy pire: 07.12.2008 11:42 | |
|
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
|
|
Registrovaný: 27.09.06 Prihlásený: 05.01.16 Príspevky: 47 Témy: 0 Bydlisko: Bratislava,... | Napísal Codik: 07.12.2008 12:46 | |
|
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.
|
|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal autor témy pire: 07.12.2008 13:01 | |
|
aha...no ale ja prave potrebujem tam mat border a taktiez aj margin
|
|
Registrovaný: 27.09.06 Prihlásený: 05.01.16 Príspevky: 47 Témy: 0 Bydlisko: Bratislava,... | Napísal Codik: 07.12.2008 13:06 | |
|
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.
|
|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal autor témy pire: 07.12.2008 13:24 | |
|
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
|
|
Registrovaný: 27.09.06 Prihlásený: 05.01.16 Príspevky: 47 Témy: 0 Bydlisko: Bratislava,... | Napísal Codik: 07.12.2008 13:39 | |
|
Chýba ti tam ten rozťahovací div. Pozri môj prvý príspevok.
|
|
Registrovaný: 01.10.07 Prihlásený: 03.02.14 Príspevky: 747 Témy: 152 Bydlisko: Bratislava |
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)
|
|
Registrovaný: 17.10.08 Prihlásený: 15.12.08 Príspevky: 24 Témy: 4 | Napísal autor témy pire: 07.12.2008 13:51 | |
|
aha oki uz mi to ide diki moc
|
|
| Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Zobrazenie 2 DIV-ov v case v HTML, XHTML, XML, CSS | 4 | 337 | 24.06.2016 16:28 baumax | | Ako prinútiť jeden div, aby sa ovládal cez druhý div v JavaScript, VBScript, Ajax | 14 | 631 | 22.04.2014 9:45 Mego | | Problém s CSS (roztahovanie contentu) v HTML, XHTML, XML, CSS | 3 | 512 | 18.07.2008 10:33 M4rek | | načo slúžia tagy <div id="all"> a <div v HTML, XHTML, XML, CSS | 3 | 1011 | 06.10.2008 17:50 neutronmind | | Dropovanie frame-ov v Počítačové hry | 6 | 638 | 24.07.2007 16:43 GLADICEK | | Ylidan-ov notebook v Notebooky a netbooky | 3 | 495 | 05.12.2008 9:04 Ylidan | | Prehľad socket-ov v AMD - Advanced Micro Devices | 3 | 467 | 26.01.2012 9:31 mino_85 | | otvorenie nedostahovanych zip-ov v Ostatné programy | 4 | 686 | 25.12.2006 0:22 POM4R4NC | | Router-ov skromný mod v Modifikácie, návody a projekty | 19 | 2793 | 26.07.2007 20:42 Maco535 | | Ktory z tychto NB-ov ? v Notebooky a netbooky | 18 | 1100 | 03.12.2008 18:50 M4rek | | Rada ohľadom driver-ov, pretaktovania, vyladenia PC v Ostatné | 5 | 359 | 27.02.2017 8:40 Beylond | | Synchronny load/unload iframe-ov cez Javascript v JavaScript, VBScript, Ajax | 1 | 385 | 02.01.2013 22:54 Ďuri | | Pomoc pri výbere z 2 notebook-ov v Notebooky a netbooky | 1 | 417 | 02.11.2011 19:23 HGDS1 | | P: Ram do ntb-ov DDR2 a DDR3 v Predám | 0 | 289 | 04.04.2012 11:11 gi-lee | | µTorrent potichu inštaluje softvér na získavanie Litecoin-ov v Články | 0 | 712 | 09.03.2015 9:26 erikzet | | ktory z tychto dvoch ASUS-ov si mam vybrat ?? v Notebooky a netbooky | 12 | 797 | 01.11.2016 10:37 spagetka |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|