obalenie prbolem

kajbo · Napísal **kajbo**: 23.12.2007 9:26

Mam definovany hlavny div v ktorom mam cely obsah strany a pozadie opakovane v ose Y

Kód:

#cele {
position: relative;
top: 5px; 
margin: 0 auto;
width: 770px;
height: 100%;

a zapisane mam takto:

<div id="cele">

<div id="obsah">
<p>
sdgfdasgdfgdsgdfg
dsfgsdfgds
sfgdfgsd
sdfgdg
sdgdg
sdfgdfgfdsgdfgdfgsdfg
dgsdfgdf
</p>
</div>

</div>

A pozadie sa nenatahuje akoby v hlavnom dive nic nebolo. proste to pozadie by malo byt take dlhe ako text. a ak mam footer bottom: 0px; tak je na vrchu stranky co je zasa dokaz toho, ze v hlavnom obalovacom dive nic nieje.
preco ?

Treba mi aby sa pozadie natahovalo na dlzku textu a pod tym footer

viktorcech · Napísal **viktorcech**: 23.12.2007 10:22

pridaj divu obsah 1px border a hned zistis kde je chyba.. - nenatahuje sa na sirku, cize ho musis floatovat

kajbo · Napísal autor témy **kajbo**: 23.12.2007 11:42

mozes mi to presnejsie ?

tu je div obsah
#obsah {
position: absolute;
left: 5px;
top: 150px;
width: 250px;
margin: 0 auto;
}

viktorcech · Napísal **viktorcech**: 23.12.2007 11:44

kajbo píše:

mozes mi to presnejsie ?

tu je div obsah
#obsah {
position: absolute;
left: 5px;
top: 150px;
width: 250px;
margin: 0 auto;
}

no a?

emer · Napísal **emer**: 23.12.2007 12:12

a ved pozadie tam nemas definovane

Matho · Napísal **Matho**: 23.12.2007 14:41

keby sa ti dalo hodit link aby som to videl

kajbo · Napísal autor témy **kajbo**: 23.12.2007 16:09

mam hlavny div v ktorom mam obsah. hlavny div ma pozadie a ked pisem text potom do divov v hlavnom, tak text sa zobrazi ale pozadie sa nenatahuje akoby v tom nic nebolo

viktorcech · Napísal **viktorcech**: 23.12.2007 16:16

kajbo píše:

mam hlavny div v ktorom mam obsah. hlavny div ma pozadie a ked pisem text potom do divov v hlavnom, tak text sa zobrazi ale pozadie sa nenatahuje akoby v tom nic nebolo

ti pisem, ze to musis floatovat.

kajbo · Napísal autor témy **kajbo**: 23.12.2007 16:21

float: left, right ... ?
ci ako inak

viktorcech · Napísal **viktorcech**: 23.12.2007 16:25

kajbo píše:

float: left, right ... ?
ci ako inak

a preco to proste neskusas sam?

kajbo · Napísal autor témy **kajbo**: 23.12.2007 16:26

pridal som float: left a nic.

viktorcech · Napísal **viktorcech**: 23.12.2007 16:27

kajbo píše:

pridal som float: left a nic.

daj link alebo este raz cely kod. nemas ta vobec nikde definovane pozadie.

kajbo · Napísal autor témy **kajbo**: 23.12.2007 16:38

tak mam to takto.
tu su CSS kody:

div CELE

Kód:

#cele {
position: relative;
top: 5px; 
text-align: left;
width: 770px;
margin: auto;
height: 100%;
background-image: url("cesta/img.gif"); background-repeat: repeat-y; color: #ffffff; background-color: #ffffff;
}

divi s OBSAHOM

Kód:

#text_hore {
position: absolute;
left: 5px;
top: 150px;
width: 250px;
height: 100%;
margin: 0 auto;
float:right;
}

#text_dole {
position:absolute; 
left: 5px;
width: 515px;
height: 100%;
margin: 0 auto;
float:right;
}

v HTML to mam potom zapisane asi takto:
< -- hlavicka -->
< -- telo -->
<div id="cele">
<div id="text_hore">
Nieco co som pisal
este raz a sssssdsa
dfasdf.
</div>
<div id="text_dole">
asdfsadf
dsfgsdfgdfgsdg
</div>

</div>

pozadie DIVu CELE by sa malo natahovat podla toho, aky je text dlhy. footer mam bottom: 0px; a v dive CELE, cize podla toho sa da na spodok aj footer. ale on je na vrchu sranky lebo to CELE sa nenatahuje podla obsahu

emer · Napísal **emer**: 23.12.2007 16:44

takze, namiesto tych backkgorundov daj

Kód:

background: #ffffff url('cesta/img.gif') repeat-y;

mas to tam zle zapisane, po prve ta cesta nema byt medzi uvodzovkamy ale medzi apostrofmy alebo len v zatvorke... potom tam nema byt bodkociarka atd...

kajbo · Napísal autor témy **kajbo**: 23.12.2007 17:06

pozadie sa zobrazuje. len sa nenatahuje DIV a preto sa nenatahuje ani pozadie

emer · Napísal **emer**: 23.12.2007 17:30

Kód:

#cele { 
 background: #ffffff url('cesta/img.gif') repeat-y;
 margin: 0px auto 0px auto; /* zarovannie na sted tam chces, nie? */
 width: 770px;
 }
#text_hore { 
position: relative; 
margin-left: 5px; 
margin-top: 150px; 
width: 250px; 
height: auto;   
} 

#text_dole { 
position:relative; 
margin-left: 5px; 
width: 515px; 
height: auto; 
}

skus tak

viktorcech · Napísal **viktorcech**: 23.12.2007 17:35

mas v tom bordel. div CELE ma fixnu sirku, pouzivas zle techniky pri praci s html, css, potom vznikaju taketo haluze. mne sa pozadie zobrazuje OK, ale ako to vlastne chces, to neviem, lebo to sam nevies opisat. dik.

kajbo · Napísal autor témy **kajbo**: 23.12.2007 19:21

div cele ma fixnu sirku ale vyska sa ma prisposobit dlke textu ktory bude v divoch ktore su medzi <div id="cele"> ine divi </div>
pozadie divu cele, teda aj vyska cele sa ma natahovat na taku vysku, aku ma text v obsahu

lio · Napísal **lio**: 23.12.2007 19:44

Nenaťahuje sa, lebo tam máš presne zadanú hodnotu. Nepouži height, ale min-height.

kajbo · Napísal autor témy **kajbo**: 23.12.2007 19:54

ano. to som skusal.
dam min-height: auto; alebo ine a footer je upne hore cize sa to nenatahuje. keby to islo ako ma tak footer mam pod poslednym riadkom textu a aj pozadie by sa opakovalo v ose Y.

stenley · Napísal **stenley**: 23.12.2007 20:50

mohol by si sem aspon hodit obrazok, co chces, aby to robilo, lebo nejak som nepochopil, co presne chces...

kajbo · Napísal autor témy **kajbo**: 23.12.2007 20:55

[img=http://www.ukazto.com/img_small/1474586,untitled.jpg[/img]

pozadie trocha svetlejsie ako to menu sa ma natahovat az po posledny riadok textu, a ten footer nad logom ma byt pod textom. je hore preto lebo ono to bere ze v CELE nieje text a preto to nenatahuje ani pozadie ani footer nieje pod textom aj ked ma hodnotu bottom: 0px;[/img]

stenley · Napísal **stenley**: 23.12.2007 21:04

pouzivas tam nejaky float? asi ti tam chyba clear...

viktorcech · Napísal **viktorcech**: 23.12.2007 21:09

no to musis urobit zlozitejsie.. nemozes natiahnut vnoreny prvok v nejakom dive, musis to urobit opacne. musis do menu vnorit cely obsah a posunut ho nalavo.. aspon ja by som to tak riesil. inac to nenatiahnes. footru nastav clear:both.

kajbo · Napísal autor témy **kajbo**: 23.12.2007 21:11

ok dakujem. nejak to zajtra urobim

stenley · Napísal **stenley**: 23.12.2007 22:34

skus si to upravit podla tohto, je to taka zakladna struktura, do ktorej mozes doplnat svoj obsah:

Zakladne css:

Kód:

* { margin:0; padding:0; border:0; }
body { min-width:764px; text-align:center; margin:0 auto; color:#ffffff; }
ul { list-style-position:inside; }
#container { position:relative; width:764px; margin:0 auto; text-align:left; background:url(pozadie0.gif) 0 0 repeat-y; }
#header { width:551px; height:135px; background:url(logo0000.gif) 0 0 no-repeat; }
#content { width:551px; float:left; color:#000000; }
#menu { width:213px; float:right; }
#menu li { list-style:none; }
#footer { height:25px; clear:both; background:url(footer00.gif) 0 0 repeat-y; }

Zakladna struktura:

Kód:

<div id="container">
   <div id="header"></div>
   <ul id="menu">
      <li>FS Klub</li>
      <li>Fórum</li>
      <li>Virtuálne lietanie</li>
      <li>IVAO Slovensko</li>
      <li>Galéria</li>
      <li>Kontakt</li>
   </ul>
   <div id="content">obsah</div>
   <div id="footer">footer</div>
</div>

kajbo · Napísal autor témy **kajbo**: 24.12.2007 9:50

nejde to ani takto. nechapem preco sa to nenatahuje

stenley · Napísal **stenley**: 24.12.2007 9:56

skus si cisto len ten kod, ten ide ako ma...

kajbo · Napísal autor témy **kajbo**: 24.12.2007 10:20

ano presne toto mi treba. ale pozadie menu sa ma natahovat len po posledny riadok odkazu v menu, a ostatne ma byt pozadie z containera. menu ma byt tmavsie a potom ostatne trocha svetlejsie.
ale ide mi oto aby ak dam dlhy text to content tak sa ostatne natahuje po posledny riadok

stenley · Napísal **stenley**: 24.12.2007 10:28

tak si do css namiesto pozadia v body, das to svetlejsie pozadie a do #menu si vlozis to tmave pozadie, to je vsetko

obalenie prbolem

Podobné témy