DIV problem..? (i td height="100%" - nebitno)

[nel`chee]

zasto ovo ne radi?
jako mi je bitno da visina celije bude 100% jer sam stavila sliku u pozadinu koja treba biti tiled.
dakle, imam tablicu. u njoj tri reda i tri stupca - srednji stupac je merge-an tako da se sastoji od jedne celije, a susjedna dva se sastoje od tri reda.
i sad, posto namjeravam u lijevi i desni stupac stavit navigacijske trake, a u srednji pisat tekst, problem je:
kada je u srednjoj celiji vise teksta nego sto ima linkova u stupcima lijevo i desno, srednji redovi u tim stupcima ne preuzmu tu visinu na sebe, nego to naprave gornji i donji red - rezultat: umjesto da se slike lijepo nastavljaju jedna na drugu dolazi do prekida i vidi se pozadina dokumenta
ne kuzim zasto ostali redovi ne zele biti visine koje sam im zadala, nego uporno postaju veci naustrb srednjeg reda koji MORA zauzeti svu visinu jer tako zahtijeva layout. nije mi namjera za svaku stranicu posebno stavljati prozirni gif ili gomilu praznih redova u te celije, izmedju ostaoga zato sto se layout prilagodjava rezoluciji i nece na svakoj rezoluciji tekst imati isti broj redova.

definirala sam visinu tih celija 100% i u CSS-u, tako da sam sigurna da ne radi.
zasto ne radi i postoji li nacin da natjeram da proradi?

note: istu stvar imam i u headeru i footeru samo tamo se radi o width="100%" i to radi bez greske.
grrrr!

Last edited by nel`chee on 22.07.2004 22:29; edited 1 time in total

[nel`chee]

another thing - sa sirinom funkcionira sve ok dok god nemam ovo:

Code:

<div class="title"> <strong> Naslov </strong> </div>

css:

Code:

div.title {    text-align: center;    padding: 2px;    margin: 0px;    width: 400px;    height: 23px;    background: url(images/title.gif);    color: #000000; }

dakle, kad maknem div sirina se skroz prilagodi, a kad stavim div onda je sira od 800x600.

css za td: (naime tekst se nalazi unutar toga)

Code:

td.content {    text-align: center;    padding: 10px; }

mislim ovdje se ne radi o 10 pixela nego o 50, zbilja ne znam kako to srediti, a stvarno zelim taj div...

hvala

[nel`chee]

ok slika govori vise od 1000 rijeci

http://nelchee.freeprohost.com/novo/layout.html

ovo je bez div-a tek toliko davidite da radi
http://nelchee.freeprohost.com/novo/layout1.html

[Gaston]

mislim da bi trebala definirati za background
repeat , attachment , horizontal position i vertical position
to ti u css-u nije definirano , a mislim da bi trebalo

[lekke]

Izbrisi DOCTYPE pa ce ti radit

[nel`chee]

@ Gaston -> nisi me razumio, naime pozidina se tile-a, inace je visina slike 5 px ali vidi se da je ipak malo tiled, samo velicina celije nije dobra i nikako to ne mogu namjestit

@ lekke -> da si virnuo u source vidio bi da nema doctype...

any other suggestions?

[nel`chee]

na aljkav i bezveze nacin rjesila sam problem pozadine

kazem aljkav i bezveze jer je pitanje srece hoce li se pozadina jedne celije nastavit na drugu, to ovisi o kolicini teksta. da mogu rastegnut visinu na 100% ne bi bio problem jer bi imala eventualno 1 "greskicu" koja se zbog tekstualnog contenta ne bi niti primjetila.

imam drugo rjesenje, a to je da idem napravit isto ovo ispocetka, mislim znam sto i kako samo mi se tako ne da ispocetka kad je vec ovo ispalo ok... ali da, znam, ok is not good enough


molim vas, ima li netko ideju zasto ovi div titlovi imaju nekakve "margine" koje ja ne vidim??
CSS

[Platypus]

evo ovako... ako sa dobro shvatio problem


u prvi stupac u gornji red stavi onu sliku koja ti vec stoji tu... kao pozadinu stavi pozadinu srednjeg reda.. i stavi vertikalno poravnanje na "top".. isto to napravis i sa donjim redom samo stavis poravnanje "bottom".. u srednji red samo stavis pozadinu...

[zytzagoo]

nel`chee wrote:

molim vas, ima li netko ideju zasto ovi div titlovi imaju nekakve "margine" koje ja ne vidim??

Zato jer imas <p>&nbsp;</p> prije <div class="title">...

[nel`chee]

Platypus wrote:

evo ovako... ako sa dobro shvatio problem u prvi stupac u gornji red stavi onu sliku koja ti vec stoji tu... kao pozadinu stavi pozadinu srednjeg reda.. i stavi vertikalno poravnanje na "top".. isto to napravis i sa donjim redom samo stavis poravnanje "bottom".. u srednji red samo stavis pozadinu...

to sam napravila u ovoj zadnjoj verziji (moj predzadnji post) i ne svidja mi se jer se vide greskice, ako sto rekog. ma nema veze sad to, napravila sam novi na istu foru ali sam tako slozila sliku da nece bit problema.

@ zytzagoo --> ovo u novom fajlu nemam, i opet isto. rec bi da taj p nema veze... uostalom, on ionako samo prebacuje u novi red, ne mijenja nista na alignu i slicno


any other ideas? molim vas? pa mora postojat neki nacin...

[zytzagoo]

nel`chee wrote:

@ zytzagoo --> ovo u novom fajlu nemam, i opet isto. rec bi da taj p nema veze...

<p> je imao veze u onom fajlu... pogotovo jos sa paddingom koji si mu dala...

Quote:

uostalom, on ionako samo prebacuje u novi red, ne mijenja nista na alignu i slicno

Na alignu ne, ali ima defaultnu top i bottom marginu. Aka space oko sebe.

Quote:

any other ideas? molim vas? pa mora postojat neki nacin...

A kako tocno bi trebalo izgledati? U firefoxu izgleda kako si definirala, stoji unutar td-a sa classom "content" koji ima padding od 10 pixela lijevo i desno, a div.title ima padding od 2px sa svake strane.. Ne kuzim na koje margine mislis? Mozes na slici nekoj nacrtati tocno sto te smeta ili u kojem browseru ne vidis kako spada, a u kojem vidis?

[nel`chee]

ovo je kad je otprilike 800x600, kao sto se vidi na scrollbaru stranica nije stala u prozor, a oko naslova ima lufta da se moze jos shrinkat... kad maknem heading / div (probala sam oboje i isti rezultat) onda se lijepo sve namjesti i stane u svaku rezoluciju (mozda bi cak u onu 480xNesto uspjela se zgurat, a cim stavim heading ili div opet isto sranje.
radi se o IE-u. nisam provjerila u drugima (jos) jer sam ljena i nisam nijedan drugi stavila (novi komp pa ono...)

[zrco]

Da bi ti layeri i tabele bili 100% visine potrebno je da u body stavis height: 100%;. Naravno treba da definises visinu tabele i layera na ist nacin. Ukoliko koristis DW MX 2004 iz doctype treba da uklonis url:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Jedan savet, kada radis style za layere dovoljno je da posle div stavis # i id layera jer na ovaj nacin nema potrebe da se pise class="" na samom layeru.

Primer

div#title {
text-align: center;
margin: 0px;
width: 400px;
height:100%;
background: #000000;
color: #000000;
left: 0px;
top: 0px;
}

layer

<div style="position:absolute; z-index:1" id="title"></div>

[zytzagoo]

Rupa iznad brushes je zbog nacina na koji si slozila tablicu... Ukljuci border na njoj pa ces vidjeti da <h1> nema nikakvu marginu, nego je to prostor cella od rowa iznad... Od onog u kojem ti je headerback.gif u pozadini...

[nel`chee]

ja mislim da mene nitko nije razumio o cemu pricam... oke zrco ovo se cini helpful, to sa 100%, mada sam ispocetka cijeli layout napravila pa sad to vise nije problem.

ali zytzagoo, ja ne pricam o rupi IZNAD, nego o rupama SA STRANE!! to ja zovem margine, i kao sto vidis naslov je ostavio mjesta sa obje strane umjesto da se prilagodi i sam sirini prozora.

[zytzagoo]

nel`chee wrote:

ali zytzagoo, ja ne pricam o rupi IZNAD, nego o rupama SA STRANE!!

Dala si mu fixnu širinu od 400px. Stavi mu width u postocima ili nesto takvo... Ili makni width skroz.

Quote:

to ja zovem margine

Sorry, nisam skuzio...