PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1 2 
Väiksed elemendi kõrgused ja IE
Postitaja: Endel 2008-05-04 16:22:36
Keegi teab mismoodi saavutada et IE7-ga elemendi kõrgus oleks väike, nt 5px? Alates mingist kõrgusest (umbes 10px) enam väiksemaks ei minda. FF-ga seda probleemi ei ole.


<div style="height: 5px; border: 1px solid blue"></div>

RE: Väiksed elemendi kõrgused ja IE
Postitaja: katsetaja 2008-05-04 17:43:47
Abiks võivad olla font-size:1px; ja line-height:1px;, kuna IE kipub min kõrguse võtma üldise fondi kõrguse järgi
RE: Väiksed elemendi kõrgused ja IE
Postitaja: mmmmmmm 2008-05-04 19:05:32
pane 1px*1px pilt sinna sisse siis saad 5 peale ka, nii see käibki
RE: Väiksed elemendi kõrgused ja IE
Postitaja: Trükkar 2008-05-04 21:30:21
TSITEERITUD:
pane 1px*1px pilt sinna sisse siis saad 5 peale ka, nii see käibki

See võib küll töötada, aga kui mõtlema hakata, siis on selline variant ikka suht idiootne. Soovitan ikka CSS-i...
RE: Väiksed elemendi kõrgused ja IE
Postitaja: K. 2008-05-04 21:36:40
TSITEERITUD:
See võib küll töötada, aga kui mõtlema hakata, siis on selline variant ikka suht idiootne. Soovitan ikka CSS-i...
Aga tegelikult peab div-elemendi sees midagi olema, st tühjaks ta ei tohi jääda reeglite järgi...
RE: Väiksed elemendi kõrgused ja IE
Postitaja: katsetaja 2008-05-04 21:42:14
TSITEERITUD:
Aga tegelikult peab div-elemendi sees midagi olema, st tühjaks ta ei tohi jääda reeglite järgi...

milliste reeglite?
RE: Väiksed elemendi kõrgused ja IE
Postitaja: nojah_ 2008-05-04 22:00:37
&nbsp; sisse, font-size: 1px, line-height: 1px ja peaks töötama küll
RE: Väiksed elemendi kõrgused ja IE
Postitaja: zeratul 2008-05-05 09:57:12
Võid ka font-size: 0px; line-height: 0px; kui peaks mingil põhjusel näiteks 0px kõrgust div'i vaja minema (clear: both; jaoks näiteks).

Sellist reeglit küll kusagil ei ole, et div tühi ei või olla.

TSITEERITUD:

pane 1px*1px pilt sinna sisse siis saad 5 peale ka, nii see käibki


Seda ma mõtlesingi, et miks paljudel saitidel mingeid imelikke piksliseid jurasid kasutatud on. Vot nii jabura lahenduse peale poleks ma ise küll suutnud tulla.

Viimati muudetud: 05-05-2008 09:59:46
Muutja: zeratul
Põhjus:

RE: Väiksed elemendi kõrgused ja IE
Postitaja: Endel 2008-05-05 10:35:35
Ühe variandi leidsin veel: overflow: hidden. (Aga antud juhul see mulle paraku ei sobi.)
RE: Väiksed elemendi kõrgused ja IE
Postitaja: mina 2008-05-05 16:16:00
TSITEERITUD:
Seda ma mõtlesingi, et miks paljudel saitidel mingeid imelikke piksliseid jurasid kasutatud on. Vot nii jabura lahenduse peale poleks ma ise küll suutnud tulla.


jabur oled sa ise... see lahendus oli kunagi suht levinud. Lihtsam kui sada rida IE hack'i CSSi kirjutada
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-05 17:14:32
TSITEERITUD:


jabur oled sa ise... see lahendus oli kunagi suht levinud. Lihtsam kui sada rida IE hack'i CSSi kirjutada


see lahendus oli levinud aastal 1998, kui sul oli ie 4 ja netscape 4 ning tabelitega tehti kujundust
RE: Väiksed elemendi kõrgused ja IE
Postitaja: Ajusaagim 2008-05-05 17:16:45
TSITEERITUD:
see lahendus oli levinud aastal 1998, kui sul oli ie 4 ja netscape 4 ning tabelitega tehti kujundust


kui õigesti mäletan, siis ka viimased nüüdisaja operad ei taha tühjade div'idega hästi läbi saada. 1. seeria firefox'idega sama teema
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-05 18:26:25
TSITEERITUD:


kui õigesti mäletan, siis ka viimased nüüdisaja operad ei taha tühjade div'idega hästi läbi saada. 1. seeria firefox'idega sama teema


pangem, siis tyhik sisse :) pildi kasutamine ilmselge overkill
RE: Väiksed elemendi kõrgused ja IE
Postitaja: geo__ 2008-05-05 18:42:49
TSITEERITUD:


pangem, siis tyhik sisse :) pildi kasutamine ilmselge overkill


Tühik ei sobi, kui on vaja täpselt väikeste mõõtmetega mängida.
1x1 pixlit transparent gif on 43 byte, see ei killi kedagi :)
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-05 19:47:46
TSITEERITUD:


Tühik ei sobi, kui on vaja täpselt väikeste mõõtmetega mängida.
1x1 pixlit transparent gif on 43 byte, see ei killi kedagi :)


vabalt sobib kuna reakõrguse ja fondisuuruse saad määrata ära, iga gif võtab sul ühe http connectioni
RE: Väiksed elemendi kõrgused ja IE
Postitaja: ptr 2008-05-05 22:22:18
Ma kasutan siiamaani neid 1x1px läbipaistvaid pilte, pildile annan siis suuruse vastavalt vajadusele. Hea kindel meetod veendumaks et vajalikku kohta kindlasti vajalik ruum jääb. Miski fondi suuruse määramine olukorras, kus sa ei kavatse teksti kirjutada, kõlab küll kahtlaselt.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: ptr 2008-05-05 22:24:54
TSITEERITUD:
iga gif võtab sul ühe http connectioni

küllap ta selle teinekord ka cache'st võtab
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-06 08:14:28
TSITEERITUD:

küllap ta selle teinekord ka cache'st võtab


Ma ei tea kas te olete midagi kuulnud semantilisest veebist ja mobiilsetest klientidest. Selline pildipaigutamise meetod on tagurlik.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: mina 2008-05-07 14:15:26
TSITEERITUD:
Ma ei tea kas te olete midagi kuulnud semantilisest veebist ja mobiilsetest klientidest. Selline pildipaigutamise meetod on tagurlik.


see 1x1 ei tapa ikkagi kedagi...
ja enne sa ütlesid et tabelitega ei tehta kujundust enam... nojah.. suurematel netihiidudel on ikkagi ju kõik veidigi raskemad kujundused tabelitega tehtud (google näiteks) :) nemad teavad paremini ikka... div'idega lehti ei renderdata IE's jms normaalselt ära... tabelid on ja jäävad pikaks-pikaks ajaks nr1.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-07 14:39:58
TSITEERITUD:


see 1x1 ei tapa ikkagi kedagi...
ja enne sa ütlesid et tabelitega ei tehta kujundust enam... nojah.. suurematel netihiidudel on ikkagi ju kõik veidigi raskemad kujundused tabelitega tehtud (google näiteks) :) nemad teavad paremini ikka... div'idega lehti ei renderdata IE's jms normaalselt ära... tabelid on ja jäävad pikaks-pikaks ajaks nr1.


oejah :) see tapab sind näiteks sellisel juhul, kui su lehel on korraga üle 500 (sõltuvalt apache konfist) külastaja ja järgmised külastajad on mingi sitase 1x1 gifi pärast järjekorras :D
RE: Väiksed elemendi kõrgused ja IE
Postitaja: ptr 2008-05-07 15:30:59
TSITEERITUD:
Ma ei tea kas te olete midagi kuulnud semantilisest veebist ja mobiilsetest klientidest. Selline pildipaigutamise meetod on tagurlik.


Jah kui järele mõelda siis tagurlik tõesti, võibolla hakkangi oma harjumusi muutma kuigi ei tahaks sest vanamoodi on niiii mugav :) Sel meetodil saab ka enamvähem alati kõigile brauseritele sobiva kujunduse.

Samas kardan et tühik on ikka kahtlane, pigem siis juba &nbsp;

Aga see et keegi suur on, ei tähenda et ta automaatselt asju korralikult peaks tegema, Google lehel näitab validaator praegu 14 viga, esimene neist on missing <!DOCTYPE> declaration.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: geo__ 2008-05-07 15:40:25
TSITEERITUD:


oejah :) see tapab sind näiteks sellisel juhul, kui su lehel on korraga üle 500 (sõltuvalt apache konfist) külastaja ja järgmised külastajad on mingi sitase 1x1 gifi pärast järjekorras :D


sinu teooria järgi peaks kõike palja tekstina esitama.
Ka eraldiseisev css fail, ühe reaga (näit .test { font-size:1px;})
on 25 byte.

pixli täpsust on vaja siis, kui lehel on palju muud graafikat mis peab täpselt kokku sobituma. Sellisel juhul on 1x1 gif kõige viimane asi mille pärast ennast morjendada.

Pole ammu proovinud, aga osade vanade browseritega läks kujundus vigaseks, kui kasutaja muutis teksti suurust ja kujundus oli "font-size" paika sätitud.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: rtfm 2008-05-07 16:59:34
TSITEERITUD:


sinu teooria järgi peaks kõike palja tekstina esitama.
Ka eraldiseisev css fail, ühe reaga (näit .test { font-size:1px;})
on 25 byte.


Ja nii tehaksegi, et erinevad css, js jne failid lastakse live keskkonnas kokku ühtedesse failidesse, minimizetakse, gzipitakse. Et hoida kokku connectionite arvu laksitakse ka kõik pisemad pildid üheks suuremaks pildiks ja kasutatakse cssiga kuvamist vastavalt pixlipositsioonile. Seda kõike tehakse, kui koormused on suured.

TSITEERITUD:

pixli täpsust on vaja siis, kui lehel on palju muud graafikat mis peab täpselt kokku sobituma. Sellisel juhul on 1x1 gif kõige viimane asi mille pärast ennast morjendada.


ja mida annab 1x1 suurune pixli vahe , kui sa võid kasutada kohe ühte elementi tulemuse saavutamiseks :)

TSITEERITUD:

Pole ammu proovinud, aga osade vanade browseritega läks kujundus vigaseks, kui kasutaja muutis teksti suurust ja kujundus oli "font-size" paika sätitud.


ja praegu läheb ka, sa ei pea takistama vegnägijat, kui ta su saidil enda jaoks fonti suurendab, oluline on info mitte selle kujundus. Kuigi peab tõdedma , et infot annab läbi kena kujunduse atraktiivsemaks muuta
RE: Väiksed elemendi kõrgused ja IE
Postitaja: zeratul 2008-05-07 17:04:58
TSITEERITUD:


see 1x1 ei tapa ikkagi kedagi...
ja enne sa ütlesid et tabelitega ei tehta kujundust enam... nojah.. suurematel netihiidudel on ikkagi ju kõik veidigi raskemad kujundused tabelitega tehtud (google näiteks) :) nemad teavad paremini ikka... div'idega lehti ei renderdata IE's jms normaalselt ära... tabelid on ja jäävad pikaks-pikaks ajaks nr1.


Ma ei tea, kus sa elad, aga tabelid pole juba ammu enam number üks. Tabelkujundusi teevad praegu veel enamasti "vanakoolimehed", kes on harjunud oma eelajalooliseid HTML-doctype häkkima ning pole peale XHTML kasutuselevõttu võtnud vaevaks ümber õppida. Panevad oma 1x1 giffe jms. rõõmsalt vana inertsiga edasi.

Ka väga suured veebilehed, kes viimaste aastate jooksul uute disainidega välja tulnud, on samuti div-põhisele disainile üle läinud. Ja Google leht nüüd küll kustkilt otsast raske kujundus pole. Suurtest veebilehtedest raudselt kõige primitiivsema disainiga. Vaata parem uudisportaale. Näiteks: http://www.cnet.com ja ütle, et see pole keerulise disainiga või siis, et pole suur netihiid.

Ega jah, see 1x1 pilt ei tapa otseselt kedagi, aga see on lihtsalt jabur, kui saab sama asja ka kahe css-propertyga ära teha. Sama hästi võiks kogu lehe teha ühe suure jeepeegee ning paar linki peale mäppida. Milleks jamada mingite css-borderite ja muu sellise juraga, mis mõtlemisvõimet eeldab.
RE: Väiksed elemendi kõrgused ja IE
Postitaja: mina 2008-05-07 18:16:23
nojah kui neid div'e lehele paar sada lappida, siis saab jh asja ( ärme unusta ka mitusada rida CSS koodi selleks kulub).. sama asja saab ära teha paari tabeliga. Eriti kui leht vaja jagada rohkem kui 2-3 sektsiooniks. Mis mõttega peaks dividega tabeleid leiutama?
aga jh ise kasutan ka oma portaalis CSS sprite ja php laseb kõik css'i ja js ühte faili ja zipib ja saadab kasutajale... et esialgne 50 päringut sai koos piltidega 7 peale ja 300kb datat 60kb peale... nii et optimizest tean kah miskit juba...
aga kui peaksin oma lehe dividele ehitama, suureneks see 60kb ilmselt veidi, sest sama tulemust raske saavutada ilma tabeliteta.

Leheküljed: 1 2 

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0882339477539