CSS: roztiahnutie divu

Flety · Napísal **Flety**: 14.11.2007 18:39

ako mozem spravit aby sa mi div roztiahol podla nadradeneho divu thx a btw skusal som hladat aj na gugli aj na tomto fore aj na w3school a nic

juho · Napísal **juho**: 14.11.2007 18:55

nastavis mu rozmery na 100%(to nevies.xxxx) hlada sa v inpute hladat.

Flety · Napísal autor témy **Flety**: 14.11.2007 19:09

... hej a ked som mu to nastavil tak som ho mal do polovicky nadradeneho divu... asi ze keby to tak islo tak tu nepisem ma este niekto nejake navrhy???

emer · Napísal **emer**: 14.11.2007 19:36

hmm.... to 100% by malo fungovat.... skus dat este auto

a ked nepojde, tak sem daj kod, ze ako to mas spravene

stenley · Napísal **stenley**: 14.11.2007 19:59

sirka divu je default nastavena na 100% nadradeneho elementu, tebe asi nejde nastavit height, ze?

viktorcech · Napísal **viktorcech**: 14.11.2007 20:06

podradenemu nastav float: left

juho · Napísal **juho**: 14.11.2007 20:22

stenley píše:

sirka divu je default nastavena na 100% nadradeneho elementu, tebe asi nejde nastavit height, ze?

sak rozmery som myslel aj sirku aj vysku.

stenley · Napísal **stenley**: 14.11.2007 20:34

nj, ale (samotne) nastavenie height na 100% v css vacsinou nefunguje...

juho · Napísal **juho**: 14.11.2007 20:45

stenley píše:

nj, ale (samotne) nastavenie height na 100% v css vacsinou nefunguje...

jak to myslis. akoze teraz neviem ci myslim nato iste ako vy dvaja

Kód:

<style>
#hl{height:300px;}
#hn{height:100%;border:solid 1px black;}
</style>
<div id=hl><div id=hn>asgfqg</div></div>

stenley · Napísal **stenley**: 14.11.2007 20:53

aha, sorry, zle som si precital, co vlastne chce, mas pravdu...

juho · Napísal **juho**: 14.11.2007 20:55

stenley píše:

aha, sorry, zle som si precital, co vlastne chce, mas pravdu...

myslis ked nastavujes height pre html a body? to je odlisne v IE a FF

Flety · Napísal autor témy **Flety**: 14.11.2007 20:56

mno ja som chcel ze ked sa mi roztiahne nadradeny div tak sa mi roztiahne aj podradeny a hodnoty auto, alebo 100% mi to neumoznia

stenley · Napísal **stenley**: 14.11.2007 21:02

jj, myslel som presne to... preto som pisal, ze to nejde len tak lahko zmenit height divu na 100%

Drako: daj sem radsej kod, lebo urcite tam nemas to, co ti tu radia

Flety · Napísal autor témy **Flety**: 14.11.2007 21:08

ok, tu su kody:

Kód:

/*toto je nadradeny div*/
div.main
  {
   border: 6px solid black;
   width: 750px;
   min-height: 1000px;
   text-align: left;
   margin: 20px auto;   
   overflow: hidden; 
  }

/*a toto je podradeny div, ktory sa ma roztahovat podla nadradeneho*/
div.menu
  {
   width: 200px;
   border: thin solid white;
   float: left;
  }

juho · Napísal **juho**: 14.11.2007 21:15

do toho menu daj height:100%; min-height je asi na mozzilu a operu
css bez html nie je nic

viktorcech · Napísal **viktorcech**: 15.11.2007 10:54

ked ma hlavny div 750px, druhy div v nom sa nemoze rozsirit na jeho 100% sirku, ked ma 200px :lol:

mondzo · Napísal **mondzo**: 15.11.2007 12:16

Drako,

objasnite tematiku PLS blizsie...

nechapem jednu vec, preco mas min-height: 1000px? je to strasne vela.
To roztiahnutie v ramci sirky-width, ked nastavis na 100% tak ti to roztiahne na sirku nadradeneho (ako to niekto pisal iny). Takisto ako niekto uz predo mnou pisal, s vyskou su troska problemy.

Neviem preco chces roztahovat DIV.menu aj na vysku (ak naozaj chces), myslim, ze to je zbytocne. Ak by si chcel mat napr. rozdielne pozadie pre lavy stlpec, robi sa to napr cez pozadie, napr cez nejaky DIV nazvem ho page_wrapper.

Chcel som ti to hodit na obrazok, aby to bolo pochopitelnejsie, ale nemam ho momentlane kde zavesit na web a k tomu ani moc casu, som v praci.

Takze skusim aspon na rychlo

Kód:

DIV#page_wrapper {
  background: url(tvoj pripraveny background) repeat-y;
  width: 750px;
/*atd. ten background bude nejaky obr napr so sirkou 750px a vyskou 20px; s tym, ze vlavo bude mat 200px ine pozadie pre menu*/
}
DIV#menu
  {
   width: 200px;
   border: apx solid white;
   float: left;
atd.
  }
DIV#content
  {
  float: right;
  width: 550px;
atd.
  }

lepsi by bol ten nazorny obr, ale momentlane nemozem... dufam, ze to aspon troska pomoze...

twistik · Napísal **twistik**: 15.11.2007 14:22

viktorcech píše:

ked ma hlavny div 750px, druhy div v nom sa nemoze rozsirit na jeho 100% sirku, ked ma 200px :lol:

mas pravdu ... pozri si do kodu .. hlavny ma 750px a podradeny 200px..ako sa ti ma roztiahnut?

lol 2 strany spamu

Flety · Napísal autor témy **Flety**: 15.11.2007 15:10

hovorim o roztahovani do sirky, je to ked mam napr viac obsahu ako je dlzka toho menu tak aby tam bol stale ten stlpec menu, ale ok aj tak som sa rozhodol pre trosku iny design

ale aj tak seckym thx mozno sa mi to niekedy hodi

mondzo · Napísal **mondzo**: 15.11.2007 15:23

Drako, mal si tu dat kod svojej sablony (spolu aj s css) a urcite by sme ti pomohli, ale ok, ak si sa rozhodol pre inu strukturu, pohodka, drzim palec...
CEST

Flety · Napísal autor témy **Flety**: 15.11.2007 21:35

heh, zistil som prave ze aj ina struktura to vyzaduje, takze tu su kody:

html:

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <link rel="stylesheet" href="style.css">
  <title></title>
  </head>
  <body>
<div class="head">
<a href="index.php"><img style="border: 0;margin: auto;" src="logo.gif"></a>
</div>
<div class="main">
<div class="menu">
tu bude nejake menu
<br>
tu bude shout box, ktory bude trosku dlhsi a aj ten mi to trochu kazi
</div>
<div class="obsah">
nejaky obsah
</div>
<div class="reklama">
nejake reklamy
</div>
</div>
  </body>
</html>

a tu je css:

Kód:

div.main
  {
   min-height: 800px;
   text-align: left;
   margin: auto;   
   overflow: hidden; 
   width: 903px;
  }
.head
  {
   border: none;
   height: 120px;   
   background-image: url("headbg.gif");
  }
div.obsah
  {
   padding: 10px;
   width: 480px;
   min-height: 791px;
   float: left;
   background: #E9E9E9;
   border-top: 3px solid #BBBABA;
   border-bottom: 3px solid #BBBABA;
  }
div.menu
  {
   width: 200px;
   float: left;
  }
div.reklama
  {
   border-top: 3px solid #BBBABA;
   border-bottom: 3px solid #BBBABA;
   padding: 10px 2px 0px 5px;
   margin: 0px 0px -14px 0px;
   background: #E9E9E9;
   border-right: 3px solid #BBBABA;
   width: 193px;
   float: right;
  } 

vacsinou su to kody ktore asi netreba ale pre istotu

dik seckym za pomoc.

Flety · Napísal autor témy **Flety**: 16.11.2007 16:39

Vedel by mi niekto pomoct?? pls urcite sa to nejako da, len nvm ako

mondzo · Napísal **mondzo**: 16.11.2007 17:10

drako, ja som ten tvoj kod skusil ... pekne mas 3 stpce (pozeral som to v mozille), bohuzial idem z roboty, lebo cestujem a som prec cely vikend, takze teraz ti uz moc nepomozem...

ked to vsetko (aj s hlavickou, pridas paticku) obalis do este jedneho DIVu budes to mat usporiadane...

Neviem stale kde je ten problem, co to vlastne potrebujes, ved si zacal dobre, staci pokracovat...

ono na 3 stlpcovy dizajn mozes vselijako...

Flety · Napísal autor témy **Flety**: 16.11.2007 17:59

no lenze ja potrebujem aby mi div obsah roztiahlo tak aby bol na celu dlzku toho divu main, cize ked napr. div menu roztiahne div main, tak aby sa aj div obsah roztiahol dik nvm ci som to napisal zrozumitelne, ale asi hej

Flety · Napísal autor témy **Flety**: 17.11.2007 9:17

prosim help surne potrebujem to roztahovanie

HAE07 · Napísal **HAE07**: 17.11.2007 9:33

no,pozrel som tie kody.a nechapem,co potrebujes akoze?pokial ide o to,ze aby ti to menu neskoncilo niekde v polovici napriklad,tak to ries cez pozadie nejakeho hlavneho bloku,v ktorom budes mat vsetko.lebo pokial si si nevsimol,chyba ti hlavny blok,v ktorom by si to mal mat zabalene a pomocou neho to vlastne aj vycentrujes v IE

viktorcech · Napísal **viktorcech**: 17.11.2007 10:19

sorry, chcel by som pomoct, ale nechapem o co drakovi ide..

Flety · Napísal autor témy **Flety**: 18.11.2007 16:04

hae07 ako to ze to nemam zabalene? ved je to v dive main a ide mi najma o to ze napriklad div menu(kde bude shout box a ten by sa mal podla prispevkov roztahovat) sa mi roztiahne a aby aj roztiahlo ten div obsah fakt uz neviem ako to mam vysvetlit

cize ked mi div menu rozttiahne div main tak aby sa mi roztiahol aj div obsah... fakt uz neviem ako to povedat

Ezekiell · Napísal **Ezekiell**: 18.11.2007 16:37

A co takto u toho potomka pouzit

Kód:

div.menu
  {
   width: 200px;
   border: thin solid white;
   float: left;
   height:inherit;
   min-height:inherit
  }

Flety · Napísal autor témy **Flety**: 18.11.2007 17:18

len tak mimochodom nechcel som roztahovat menu ale obsah no to vobec nevadi myslel som si ze to nebude fungovat a ani to nefunguje

CSS: roztiahnutie divu

Podobné témy