Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ 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
Príspevok NapísalOffline : 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


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
Príspevok NapísalOffline : 06.12.2008 22:52

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
Príspevok Napísal autor témyOffline : 07.12.2008 0:13

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
Bydlisko: Bratislava,...
Príspevok NapísalOffline : 07.12.2008 9:52

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
Príspevok Napísal autor témyOffline : 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


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
Bydlisko: Bratislava,...
Príspevok NapísalOffline : 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.


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
Príspevok Napísal autor témyOffline : 07.12.2008 13:01

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
Bydlisko: Bratislava,...
Príspevok NapísalOffline : 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. ;)


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
Príspevok Napísal autor témyOffline : 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


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
Bydlisko: Bratislava,...
Príspevok NapísalOffline : 07.12.2008 13:39

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
Bydlisko: Bratislava
Príspevok NapísalOffline : 07.12.2008 13:48

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
Príspevok Napísal autor témyOffline : 07.12.2008 13:51

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


Odpovedať na tému [ Príspevkov: 12 ] 


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

335

24.06.2016 16:28

baumax Zobrazenie posledných príspevkov

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

630

22.04.2014 9:45

Mego Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problém s CSS (roztahovanie contentu)

v HTML, XHTML, XML, CSS

3

512

18.07.2008 10:33

M4rek Zobrazenie posledných príspevkov

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

1011

06.10.2008 17:50

neutronmind Zobrazenie posledných príspevkov

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

v Počítačové hry

6

637

24.07.2007 16:43

GLADICEK Zobrazenie posledných príspevkov

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

v Notebooky a netbooky

3

494

05.12.2008 9:04

Ylidan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prehľad socket-ov

v AMD - Advanced Micro Devices

3

466

26.01.2012 9:31

mino_85 Zobrazenie posledných príspevkov

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

v Ostatné programy

4

686

25.12.2006 0:22

POM4R4NC Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Router-ov skromný mod

v Modifikácie, návody a projekty

19

2790

26.07.2007 20:42

Maco535 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ktory z tychto NB-ov ?

v Notebooky a netbooky

18

1099

03.12.2008 18:50

M4rek Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Rada ohľadom driver-ov, pretaktovania, vyladenia PC

v Ostatné

5

359

27.02.2017 8:40

Beylond Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Synchronny load/unload iframe-ov cez Javascript

v JavaScript, VBScript, Ajax

1

384

02.01.2013 22:54

Ďuri Zobrazenie posledných príspevkov

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

416

02.11.2011 19:23

HGDS1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. P: Ram do ntb-ov DDR2 a DDR3

v Predám

0

289

04.04.2012 11:11

gi-lee Zobrazenie posledných príspevkov

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

712

09.03.2015 9:26

erikzet Zobrazenie posledných príspevkov

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

797

01.11.2016 10:37

spagetka Zobrazenie posledných príspevkov


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

Skočiť na:  
cron

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra