Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii
 Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...
 Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor
 Discuții despre TVR Sport HD.

Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android
 

Div Problems

- - - - -
  • Please log in to reply
34 replies to this topic

#19
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
lol.. in codul tau ai 4 divuri deschise si doar 3 inchise. ai uitat sa inchizi un div (nu garantez ca asta e problema).

#20
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006

View Postxnoise, on May 9 2007, 14:05, said:

lol.. in codul tau ai 4 divuri deschise si doar 3 inchise. ai uitat sa inchizi un div (nu garantez ca asta e problema).


:lol:
Din greaseala am copiat si div-ul ce continea respectivele imagini.(<div class="menu">)
La mine il am inchis.
Nu de acolo este.
Oricum, periodic imi verific codul in validatorul de pe w3 sa nu caut pentru o ">" sau un "/" in tot codul.
Imi si spune ce nu am inchis sau ce am gresit.
Am renunt la varianta prezentata in primul post. Am sa pun imaginea intreaga in capatul coloanei (meniului).

Edited by vp-emanuel, 09 May 2007 - 13:34.


#21
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
@sagarion IE<7 nu interpreteaza deloc margin:auto, decat sub un doctype strict, ceea ce este uimitor, fiind singurul doctype care pare sa functioneze. despre alte proprietati nu stiu dar cat de curand o sa incerc sa fac un test pe proprietatile mari de css cat si pe selectori sa vad care functioneaza si care nu.

#22
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
Cum as putea pacali IE sa imi vada un div de aceiasi inaltime cu cea pe care am dat-o ?
In Opera si Firefox se vede ok (585px) iar in IE o vede cu 7px mai putin (578px)
Se pozitioneaza corect si in IE atat "top" cit si "width", doar in partea de jos se vede diferenta.
Si CSS-ul cit si HTML-ul sunt corecte conform validatorului iar ca doctype am :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR...l4/strict.dtd">

.mainind { background: #333333; position:absolute; left:0px; top:107px; width:823px; height:585px; }
.maintopind { background: #333333 url(images/jokestopbar.gif) no-repeat; position:absolute; left:0px; top:0px; width:823px; height:13px; } 
.mainbottind { background: #333333 url(images/jokesbottbar.gif) no-repeat; position: absolute; left:0px; bottom: 0px; width:823px; height:13px; } 
.maincontentind { background: #515151; position: absolute; top: 13px; width: 819px; height: 559px; border-left-style: solid; border-left-color: #666666; border-left-width: 2px; border-right-style: solid; border-right-color: #666666; border-right-width: 2px; }

.maintopind + .mainbottind reprezinta partea de sus+jos a div-ului alcatuita dintr-o imagine.

In imaginile de mai jos div-ul cu pricina este cel din dreapta, corect aliniat in Opera si cu 7px mai scurt decat trebuie in IE

#23
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
PS. Oricum as dimensiona respectivul div, diferenta de 7px ramane constanta.

#24
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
Cred ca m-am lungit cu explicatia de nu se mai intelege nimic. :lol:
Deci rezumat :

.maincontentind { background: #515151; position: absolute; top: 13px; width: 819px; height: 559px; border-left-style: solid; border-left-color: #666666; border-left-width: 2px; border-right-style: solid; border-right-color: #666666; border-right-width: 2px; }

In Opera, Firefox div-ul respectiv este afisat corect ca inaltime (height: 559px)
In IE inaltimea div-ului este cu 7px mai mica (552px)
Cum pot face sa se vada si in IE tot 559px ?

#25
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
Nu stie nimeni !?  :huh:

#26
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
problema e probabil simpla. ai ceva ce lungeste div-ul respectiv. fii foarte atent la box model si incearca sa intelegi cum il intelege IE. ca hint, in FF si standard compliant browsers, inaltimea unui div este calculata asa: content+padding+border. In IE in schimb, inaltimea unui div este calculata introducand in content atat borderul cat si padding-ul. de unde rezulta ca pe FF o sa ai o inaltime mai mare daca aplici padding-top/bottom sau border top/bottom.

Nu stiu sigur daca asta e problema ta. trebuie sa intelegi ca fara un live url nu am cum sa te ajut. elementele de html interactioneaza intre ele. nu imi poti da un singur element si sa ma intrebi ce e gresit la el. Tot ce pot face in momentul asta este sa evaluez problema si sa incerc sa ma gandesc unde am mai intalnit-o.

#27
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006

View Postxnoise, on May 15 2007, 22:55, said:

Nu stiu sigur daca asta e problema ta. trebuie sa intelegi ca fara un live url nu am cum sa te ajut. elementele de html interactioneaza intre ele. nu imi poti da un singur element si sa ma intrebi ce e gresit la el.

Am pus pagina respectiva pe net.
Am lasat css-ul in pagina chit ca o sa fie ca varianta finala css extern.
Link-urile sunt fictive, multe butoane nu funtioneaza.
Spun asta pentru ca stiu ca o sa razi cand o sa vezi ce e pe acolo. :lol:
Problema am cu partea de sub falsa reclama Google.
In Opera e OK, in IE este mai scurta.
Te rog cind ai timp si chef sa te uiti putin prin cod.

http://www.madcooky.com/?D=A

#28
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
ok. se pare ca IE-ul nu intelege sa iti puna imaginea de background in bottom. asta combinata cu faptul ca IE nu accepta inaltimi mai mici decat line-height-ul default poate duce la eroarea asta pe care o ai tu. incearca sa ii adaugi pe div-ul acela ( jokesbottind ) un overflow:hidden si sa aplici o regula speciala pt IE daca nu iti iese.

#29
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006

View Postxnoise, on May 16 2007, 17:45, said:

ok. se pare ca IE-ul nu intelege sa iti puna imaginea de background in bottom. asta combinata cu faptul ca IE nu accepta inaltimi mai mici decat line-height-ul default poate duce la eroarea asta pe care o ai tu. incearca sa ii adaugi pe div-ul acela ( jokesbottind ) un overflow:hidden si sa aplici o regula speciala pt IE daca nu iti iese.

Dupa cateva ore de permutari, combinari, citit pe net diverse am reusit sa-i dau de cap.
Cu overflow:hidden era aproape bine (cu 1px mai putin decat doream)
Si atunci am facut asa :

/*\ IE/Win min height hack */ * html .jokesind { height: 586px;} /* */
.jokesind { background: #333333; position:absolute; left:0px; top:107px; width:823px; height:585px; }
.jokestopind { background: #333333 url(images/jokestopbar.gif) no-repeat; position:absolute; left:0px; top:0px; width:823px; height:13px; } 

/*\ IE/Win min height hack */ * html .jokesbottind { bottom: 1px;} /* */
.jokesbottind {  overflow: hidden; background: #333333 url(images/jokesbottbar.gif) no-repeat; position: absolute; left:0px; bottom: 0px; width:823px; height:13px; } 
.jokescontentind { background: #515151; position: absolute; top: 13px; width: 819px; height: 559px; border-left-style: solid; border-left-color: #666666; border-left-width: 2px; border-right-style: solid; border-right-color: #666666; border-right-width: 2px; }

http://madcooky.com/



Este corect ce am facut sau este ciobaneala ?

#30
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
cu IE este bine. nu se numeste niciodata ciobaneala, se numeste ... kick out that crap from the face of the earth. recomandarea mea e sa folosesti o foaie de stil separata pt ie, pe care sa o incarci doar cand browserul este IE. celelalte browsere nu vor vedea foaia de stil, si nici validatorul. acolo iti poti tine toate "hack-urile" pt respectabilul IE.

#31
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006

View Postxnoise, on May 16 2007, 23:32, said:

cu IE este bine. nu se numeste niciodata ciobaneala, se numeste ... kick out that crap from the face of the earth. recomandarea mea e sa folosesti o foaie de stil separata pt ie, pe care sa o incarci doar cand browserul este IE. celelalte browsere nu vor vedea foaia de stil, si nici validatorul. acolo iti poti tine toate "hack-urile" pt respectabilul IE.

Multumesc xnoise pentru ajutor
Am sa folosesc o foaie de stil separata pentru IE.
Am gasit pe net cum se face. (nu stiam ca exista aceasta posibilitate)


<![if !IE]>
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<![endif]>

http://www.thesitewi...xcludecss.shtml

#32
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
Nu a trecut mult timp si m-am impotmolit din nou.
Doresc sa centrez (atat orizontal si si vertical) intr-un div cu dimensiuni fixe, imagini (diferite dimensiuni)
In Opera am reusit din prima dar IE nu vroia nicicum.
Dupa o zi intreaga de munca doar pentru un div am reusit cu chiu cu vai sa fac si IE-ul sa imi centreze imaginile.
Dar bineinteles ca nu putea fi asa usor asa ca in IE div-ul imi depaseste marginile (pozele de jos)
Si bineinteles sunt in pana de idei.


.continut { background: #ff0000; position: absolute; top: 42px; width: 819px; height: 517px; text-align: center; }
.addcontinut { display: table-cell; text-align: center; vertical-align: middle;  background: #ffffff; width: 814px; height: 513px;  } 
.addcontinut  * { vertical-align: middle; }
/*\*//*/ .addcontinut {  display: block; }
.addcontinut  span { display: inline-block; height: 100%;  width: 1px; } /**/
/*\ IE/Win  hack */ * html .addcontinut  span { display: inline-block; height: 100%; } /* */




<div class="continut">

<div class="addcontinut">
<span></span>
<img src="testpoza.jpg">
</div>

</div>

Edited by vp-emanuel, 23 May 2007 - 11:44.


#33
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006
De data asta nu era IE de vina.
Eu am fost bleg.
Scuze.
Am rezolvat.

Later Edit :

Daca tot am adus topicul sus imi spuneti va rog cum pot inlocui <img ....... border="0" >
Validatorul imi spune ca nu pot folosi acest atribut in respectivul document.
Pntru Opera+FF este de ajuns :

.navb a:link { text-decoration : none; border: 0px; } 
.navb a:visited { text-decoration : none; border: 0px; } 
.navb a:hover { text-decoration : none; border: 0px; } 
.navb a:active { text-decoration : none; border: 0px; }

Dar in IE daca nu pun border="0" imi pune rama albastra in jurul butonului.

Edited by vp-emanuel, 23 May 2007 - 11:58.


#34
xnoise

xnoise

    Active Member

  • Grup: Members
  • Posts: 1,310
  • Înscris: 08.02.2007
a img { border:0; } ?????

#35
vp-emanuel

vp-emanuel

    Senior Member

  • Grup: Senior Members
  • Posts: 2,000
  • Înscris: 09.10.2006

View Postxnoise, on May 23 2007, 15:22, said:

a img { border:0; } ?????

Nu o stiam.
Merci.

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate