View previous topic :: View next topic |
Author |
Message |
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 02.03.2004 15:44 Post subject: IE vs Mozilla --> CSS |
|
|
ljudi meni je stvarno dosta te borbe!
neka mi netko da rijesenje (osim detect browsera) ili bilo kakav drugi prijedlog na slijedeci problem:
Quote: | #box_equipe {
margin-top: 325px
margin-bottom: auto;
} |
sve fino nastimano ali mi mozilla doda jos 10 pixela (ili IE oduzme nemam pojma!) pa mi se sve pokvari! ako odem u kompromis (npr 318) onda mi bed izgleda i na jednom i na drugom! mslim nije bed ali nije ok!
gdje je problem? zasto mozilla dodaje (ili IE oduzima) te pixele? i sta napraviti?
unapriejd hvala |
_________________ Google is a blind person |
|
Back to top |
|
|
retro_one
Joined: 16 Sep 2003 Posts: 880 Location: DUBRAVA.
|
Posted: 02.03.2004 16:12 Post subject: |
|
|
u cemu se nalazi taj box?
aj daj source stranice i cijeli css |
_________________ Just your average eccentric programmer. |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 02.03.2004 16:21 Post subject: |
|
|
ehm.... to je malo komplicirano
evo css (u medjuvremenu sam promijenila malo taj top al problem je isti)
Quote: | body {
font: 11px tahoma,arial sans-serif;
color: #000000;
background-color : #ffffff; /* couleur de fond */
margin:0px; /* suppression de toutes les marges */
padding:0px;
}
a {color: #545454;
text-decoration: none;}
a.dev {color: #1D4364;
text-decoration: none;}
a.ref {color: #516651;
text-decoration: none;}
a.dis {color: #76221F;
text-decoration: none;}
a:hover{color: #ffffff;
background-color:#727272;
text-decoration: none;
}
a:hover.dev{color: #ffffff;
background-color:#1D4364;
text-decoration: none;
}
a:hover.ref{color: #ffffff;
background-color:#516651;
text-decoration: none;
}
a:hover.dis{color: #ffffff;
background-color:#76221F;
text-decoration: none;
}
h1{
font: 14px arial, sans-serif;
color: #545454;
text-align: left;
margin-left: 9px;
margin-bottom: 0px;
margin-top: 15px;
}
h1.intro{ color: #545454;
margin-bottom: 18px;
}
h2 {font: 12px arial, sans-serif;
color: #545454;
font-weight: bold}
p {color: #545454}
p.dev {color: #1D4364}
p.ref {color: #122712}
p.dis {color: #76221F}
p.firstphrase{
font: 14px arial, sans-serif;
text-align: left;
margin-left: 9px;
margin-bottom: 0px;
margin-top: 30px;
}
p.breadcrumb{
font: 11px arial, sans-serif;
font-weight: bold;
text-align: left;
font-weight: bold;
margin-left: 9px;
margin-bottom: 0px;
margin-top: 5px;
}
.small {font: 10px tahoma, arial, sans-serif;
color: #727272;
text-align: center;}
#footer{
font: 11px arial, sans-serif;
font-weight: bold;
color: #727272;
text-align:center;
width: 770px;
height: 0px;
margin-bottom: auto;
margin-top: 0px;
}
.design {color: #76221F;
}
.promotion {color: #516651;
}
.development {color: #1D4364;
}
.projets {color: #545454;
}
#conteneur {
text-align: center;
}
#stabilisateur {
text-align: left;
width:770px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-repeat: no-repeat;
}
#centre {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/back_02.jpg);
background-repeat: no-repeat;
}
#centre_ref {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/referencement_02.jpg);
background-repeat: no-repeat;
}
#centre_dev {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/developpement_02.jpg);
background-repeat: no-repeat;
}
#centre_dis {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/design_02.jpg);
background-repeat: no-repeat;
}
#centre_equi {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/equipe_02.jpg);
background-repeat: no-repeat;
}
#centre_cont {
text-align: left;
width:770px;
height:420px;
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
background-image: url(images/contact_02.jpg);
background-repeat: no-repeat;
}
#box1 {
position: absolute;
text-align: left;
width:240px;
height:159px;
border: 0px;
padding-left: 0px;
margin-left: 19px;
margin-right: auto;
margin-top: 125px;
margin-bottom: auto;
}
#box1b {
position: absolute;
text-align: left;
width:240px;
height:159px;
border: 0px;
padding-left: 0px;
margin-left: 70px;
margin-right: auto;
margin-top: 115px;
margin-bottom: auto;
}
#box2 {
position: absolute;
text-align: right;
width:176px;
height:169px;
border: 0px;
padding-right: 0px;
margin-left: 310px;
margin-right: auto;
margin-top: 95px;
margin-bottom: auto;
}
#box2b {
position: absolute;
text-align: justify;
width:415px;
height:280px;
border: 0px;
padding-right: 0px;
margin-left: 338px;
margin-right: auto;
margin-top: 145px;
margin-bottom: auto;
}
#box3 {
position: absolute;
text-align: right;
width:230px;
height:150px;
border: 0px;
padding-right: 0px;
margin-left: 477px;
margin-right: auto;
margin-top: 210px;
margin-bottom: auto;
}
#box4 {
position: absolute;
text-align: left;
width:280px;
height:159px;
border: 0px;
padding: 0px;
margin-left: 12px;
margin-right: auto;
margin-top: 300px;
margin-bottom: auto;
}
#box_large{
position: absolute;
text-align: left;
width:415px;
height:150px;
border: 0px;
padding: 0px;
margin-left: 338px;
margin-right: auto;
margin-top: 245px;
margin-bottom: auto;
}
#box_equipe {
position: absolute;
text-align: left;
width:350px;
height:80px;
border: 0px;
padding: 0px;
margin-left: 340px;
margin-right: auto;
margin-top: 280px;
margin-bottom: auto;
}
#box_met {
position: absolute;
text-align: left;
width:200px;
height:148px;
border: 0px;
padding: 0px;
margin-left: 10px;
margin-right: auto;
margin-top: 6px;
margin-bottom: auto;
}
#box_met2 {
position: absolute;
text-align: left;
width:180px;
height:148px;
border: 0px
padding: 0px;
margin-left: 250px;
margin-right: auto;
margin-top: 6px;
margin-bottom: auto;
}
img.pixel {float: left; clear: left; margin: 0 0 0 0; height: 10px}
img.pixel2 {float: right; clear: right; margin: 0 0 0 0; height: 30px}
img.pixel3 {float: right; clear: right; margin: 0 0 0 0; height: 15px} |
stranica ovdje
http://www.ksw.fr/KSWnew/equipe.php
micu se ona nabrajanja koja stoje u dva razlicita boxa (met e met2) koja stoje u box_equipe.
must je da mi boxevi met i met2 ostanu isti jer ih imam na drugim stranicama zato mlijenjam samo box_equipe. |
_________________ Google is a blind person |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 02.03.2004 17:24 Post subject: |
|
|
oooooh
sad bas dok sam gledala ovo bold skuzim da mi je content box 80px a ova dva unutra 148
problem rijesen |
_________________ Google is a blind person |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 02.03.2004 21:04 Post subject: |
|
|
hm... meni se vidi isto na IE 6.0, Mozilli i Liji |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 02.03.2004 21:09 Post subject: |
|
|
text se ne mice?
ja ovdje na dva kompjutera obadva IE6 i mozilla i stalno taj pomak tekstova! |
_________________ Google is a blind person |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 02.03.2004 21:16 Post subject: |
|
|
Sad sam se sjetio - imam Google toolbar - zanimljivo da on ispravlja stanovite bug-ove !!?? Reci što se to točno "miče"? Kod hovera ili? Daj screenshot.
Edit: vidim sad - IE ti ne razumije margin: auto; a i cijeli ti je kôd malo "divlji" i neprecizan. Da li si definirala line-height? <br/> ti je "visok" onoliko koliki je line-height |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 02.03.2004 21:35 Post subject: |
|
|
Quote: | IE ti ne razumije margin: auto; a i cijeli ti je kôd malo "divlji" i neprecizan. Da li si definirala line-height? <br/> ti je "visok" onoliko koliki je line-height |
je je kod je divlji jer stalno mijenjam boxeve to je jos sve very under construction. a sve vise raste pa mi je sve teze
to sa line height, nisam odredila ali isto ne vidim vezu sa problemom, meni se desava da se text u boxu u mozilli pomakne za nekoliko pixela dolje a buduci da je sve izracunato da stane u kvadrate to mi poslije smeta.
ili npr na stranici
http://www.ksw.fr/KSWnew/referencement/methodologie.php
pomakne se na lijevo i dolje u odnosu na IE.
i ne kuzim gdje je tocno problem ako IE ne razumije auto.
ako je top i left odredjen nemam right i bottom mogu biti samo "auto".
pitanje: zasto je bitno definirati line height? meni je uvijek bio dobar i bez toga, ima li neki precizan razlog ili je to samo stvar izbora?
hvala |
_________________ Google is a blind person |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 02.03.2004 22:15 Post subject: |
|
|
gle, unordered lista mora biti unutar tagova <ul> i </ul> koje opiši osnovno sa:
ul { list-style: disc inside none; margin: 0; padding: 0; }
sad sam ti to probao na kôdu i radi. |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 03.03.2004 00:04 Post subject: |
|
|
ok coll za listu! thanx!.
ali gledaj ovo.
prva recenica onog teksta .
meni se taj text spusti za nekoliko piksela dolje u mozilli. (gledaj ga u odnosu na podlogu)
da li je to tako i kod tebe?
logika mi govori da bi se svi boxovi trebali spustiti dolje u mozilli ali ne, oni sa backgroundom i naslovom su na svom mjestu, oni a textovima se spuste.
mah idem spavat mozda je stvar ful jednostavna (sigurno sam spixala previse tih boxova) ali kad blejis u ekran cijeli dan ne vidis ono sto je ocito. ako netko nadje rijesenje u medjuvremenu ja cu svejedno biti zahvalna |
_________________ Google is a blind person |
|
Back to top |
|
|
[shilokko]
Joined: 02 Nov 2003 Posts: 566 Location: zagreb-vela luka
|
Posted: 03.03.2004 00:17 Post subject: |
|
|
imam i ja probleme sa firefoxom i to bas sa mitrijem. u galeriji gdje su thumbovi radovi pa ispod ima one tri kuchice za ocjenu (sa zvjezdicom),borj komentara i view fullscreen. e,ispod nekih radova se njihova velicina promijeni-skrati se pa broj skoci ispo zvjezdice umjesto da bude pored i stuff..why |
_________________ A wise man speaks because he has something to say, a fool because he has to say something. |
|
Back to top |
|
|
maxy
Joined: 07 Sep 2003 Posts: 894 Location: Zagreb
|
Posted: 03.03.2004 12:00 Post subject: |
|
|
mozilla ownage :>
gdje nastane problem - recimo definiras paragraf velicine 15 pixela, a unutra onda strpas tablicu velicine 20 pixela.
u IE-u ce onda sve ispast kak spada - sve sto imas u tablici bit ce 20 pixela i prosirit ce i onaj paragraf koji ce biti velik 15 pixela na 20. u mozili s druge strane ce se tablica i paragraf "overlapat" odnosno ic ce jedno preko drugog.
to je sam najjednostavniji slucaj i garant u keyinom CSS-u ima neka takva fora (ili je paragraf prevelik/premalen ili nesto drugo gdje je size manji/veci pa ga nesto drugo sjebe).
sto se tice mi3ja, nisam gledao galeriju s mozillom ali garant je neka slicna shema..
ah, ti browseri, ko ih ne bi volio |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 03.03.2004 12:05 Post subject: |
|
|
e to, maxy, to je odgovor koji sam cekala
sa tako velikim css-om sam pogubila svari... moram to srediti malo.
thanx! |
_________________ Google is a blind person |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 03.03.2004 12:46 Post subject: |
|
|
[shilokko] wrote: | imam i ja probleme sa firefoxom i to bas sa mitrijem. u galeriji gdje su thumbovi radovi pa ispod ima one tri kuchice za ocjenu (sa zvjezdicom),borj komentara i view fullscreen. e,ispod nekih radova se njihova velicina promijeni-skrati se pa broj skoci ispo zvjezdice umjesto da bude pored i stuff..why |
Trebalo bi bit sredjeno sad
Thkans for reporting. |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
[shilokko]
Joined: 02 Nov 2003 Posts: 566 Location: zagreb-vela luka
|
Posted: 03.03.2004 20:11 Post subject: |
|
|
@ zytzagoo:
to je sredjeno,ali ima jos nesto,isto sa galerijom. kad je naslov nekog rada u dva retka (ili vise) box u kojem je thumb se normalno resizea vertikalno,ali mu se ovi susjedni ne prilagode,tj. oni ostanu nesto kraci.
do sljedeceg puta.. |
_________________ A wise man speaks because he has something to say, a fool because he has to say something. |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 03.03.2004 20:18 Post subject: |
|
|
it's a feature, not a bug
P.S.
ako cemo dalje o ovome, ajmo u nekom drugom topicu, jer ovdje nismo bas ontopic... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
[shilokko]
Joined: 02 Nov 2003 Posts: 566 Location: zagreb-vela luka
|
Posted: 03.03.2004 21:28 Post subject: |
|
|
oke, mislim da se nismo razumijeli, ali nema veze jer mi sada radi (valjda je bio problem s moje strane)
ovo je bilo zadnje. necu vise bit 'rude', znam da smeta kad je offtopic. sorry
|
_________________ A wise man speaks because he has something to say, a fool because he has to say something. |
|
Back to top |
|
|
|