CSS: roztiahnutie divu

Flety · Napísal **Flety**: 14.11.2007 18:39 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

... 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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

viktorcech · Napísal **viktorcech**: 14.11.2007 20:06 | CSS: roztiahnutie divu

podradenemu nastav float: left

juho · Napísal **juho**: 14.11.2007 20:22 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

juho · Napísal **juho**: 14.11.2007 20:45 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

juho · Napísal **juho**: 14.11.2007 20:55 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

mondzo · Napísal **mondzo**: 16.11.2007 17:10 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

prosim help surne potrebujem to roztahovanie

HAE07 · Napísal **HAE07**: 17.11.2007 9:33 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

Flety · Napísal autor témy **Flety**: 18.11.2007 16:04 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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 | CSS: roztiahnutie divu

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

CSS: roztiahnutie divu

Podobné témy

Roztiahnutie divu

roztiahnutie obrazku CSS

CSS zarovnanie divu

poziciovanie vnoreneho divu css

CSS problem s pretekanim divu

zobrazenie divu vedla divu centrovaného na stred

Roztiahnutie

Roztiahnutie plochy

NOve ovladace + zle roztiahnutie obrazkovky v hre

vyska divu

zobrazenie DIVu

Vycentrovanie divu

pisanie do divu

auto height divu

špeciálne načítanie divu

auto refresh divu