andrisp Posted December 16, 2007 Report Share Posted December 16, 2007 Tātad - body tagam ir backgroundā bildīte, kas tiek centrēta pa vidu. Un ir div elements, kam ir fiksēts platums (platums ir tāds pats kā bildītei) un tam ir tā paša bildīte. Div elements arī tiek centrēts. Tātad šajā piemērā pēc idejas to div elementu nemaz nevajadzētu redzēt, jo tas "sakrītīs" ar fonu. Bet diemžēl tā nenotiek - gan FF, gan IE pie dažādiem logu platumiem (ļoti nenoteikti) nepareizi centrē vienu vai otru. Rezultātā var redzēt novirzi par vienu pikseli. Šeit piemērs: http://apblog.lv/misc/bgcenter/ Tātad - kādam ir zināma kāda alternatīva šim ? Man ir svarīgi, lai fons būtu 100% width un height (ja izmantojam body, tad tas worko jau pats par sevi). Link to comment Share on other sites More sharing options...
andrisp Posted December 16, 2007 Author Report Share Posted December 16, 2007 Tā - atlika iepostēt te, lai pats pēc 10 minūtēm atrastu variantu: http://apblog.lv/misc/bgcenter/index2.php Bet varbūt ir vēl ? Link to comment Share on other sites More sharing options...
marcis Posted December 16, 2007 Report Share Posted December 16, 2007 Vienmēr ir vēl varianti, bet vai labāki? Link to comment Share on other sites More sharing options...
marcis Posted December 16, 2007 Report Share Posted December 16, 2007 Uz IE 7.0 strādā arī pirmais variants Link to comment Share on other sites More sharing options...
andrisp Posted December 16, 2007 Author Report Share Posted December 16, 2007 Man gan uz IE7 arī gļuko. Link to comment Share on other sites More sharing options...
marcis Posted December 16, 2007 Report Share Posted December 16, 2007 http://www.burkans.com/phplv/2/ Link to comment Share on other sites More sharing options...
andrisp Posted December 16, 2007 Author Report Share Posted December 16, 2007 Gļuko pie dažādiem loga izmēriem. Link to comment Share on other sites More sharing options...
marcis Posted December 16, 2007 Report Share Posted December 16, 2007 Mozzilā laikam pie visiem izmēriem gļuko. Link to comment Share on other sites More sharing options...
Evi Posted December 17, 2007 Report Share Posted December 17, 2007 (edited) taa liekas ir browsera probleema, kad arii tu samazini bowseri un vinju staipi turp atpakalj, var smuki redzeet ka browsers ciinaas ar to 1px. Bet patiesiibaa taa ir 0.5px nobiide, un noapaljojot sanaak taa 1px nobiide. Bet anyway, likt centreetu bg ieksh body imho nebuus iisti labi, jo samazinot browser windows, kad paraadaas horizontaalais scrolls, un kad ar scrollu pascrolle pa labi, body bg centreetais ir aizgaajis pa kreisi bet <div> ir palicis pie kreisaas malas, so ir radusies nobiide. Edited December 17, 2007 by Evi Link to comment Share on other sites More sharing options...
andrisp Posted December 17, 2007 Author Report Share Posted December 17, 2007 Evi, risinājums būtu uzlikt body tagad min-width. Uz IE6 man vakar arī izdevās kaut kā safiksot, bet aizmirsu jau kā. :) Un attiecībā par to 0.5px - imo, monitorā neeksistē puspikselis. Vienkārši, iespējams, ka pārlūks atšķirīgi rēķina attālumus elementu marginiem un bacground pozīcijām, ja loga platums pikseļos ir nepāra. Vienā gadijumā paņem reisajā malā par vienu pikseli vairāk, otrā - labajā malā. Link to comment Share on other sites More sharing options...
Evi Posted December 17, 2007 Report Share Posted December 17, 2007 es te bik paspeeleejos, panjeemu tavu fixed piem, pat izskataas, ka viss smuki straadaa FF IE6 Opera =), nav nekadu 1px nobiizhu un uz windows samazinaashanu abi bg ir savaas vietaas. Jaa, vinjsh tomeer laikam meera no browsera malaam attaalumus un taapeec sanaak taa nobiide, njemot veeraa #d1 un #d2 'uzvediibu'. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Hello!</title> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; background:url(graybg.jpg) center repeat-y} body{ min-width:499px} div#d1{ background:url(bluebg.jpg) center repeat-y; height:70px} div#d2{ width:469px; margin:0 auto; padding:15px} </style> </head> <body> <div id="d1"> <div id="d2"> <p>Some text</p> </div> </div> </body> </html> Link to comment Share on other sites More sharing options...
Faks Posted December 17, 2007 Report Share Posted December 17, 2007 ar ie parasti biezi vien ir problemas tad kad taisi kodejumu apaksha pieraksti kadam browserim vislabak ar vinu stradat :) ! ja vienigi negribi meklet un labot visu siki smalki :) ! Link to comment Share on other sites More sharing options...
mefisto Posted December 17, 2007 Report Share Posted December 17, 2007 Tā - atlika iepostēt te, lai pats pēc 10 minūtēm atrastu variantu: http://apblog.lv/misc/bgcenter/index2.php Bet varbūt ir vēl ? Nu ideja jau ok, bet kas ir šotas ? margin, body { Es varbūt kļūdos , bet tāda taga nav tak =P Un tur drausmīgi prasās pēc kaut kādiem resetiem. Link to comment Share on other sites More sharing options...
andrisp Posted December 17, 2007 Author Report Share Posted December 17, 2007 mefisto, sajaucos :) Reālā dizainā, protams, kaut kādi reseti būtu. Šis jau tikai piemērs ar pēc iespējas mazāk propertijiem. Link to comment Share on other sites More sharing options...
Faks Posted April 10, 2008 Report Share Posted April 10, 2008 (edited) Luk salaboju lieto vesels :) ! http://paste.php.lv/7154?lang=php parbaudiju uz firefox 2.0.0.13,opera pasu pedejo un internet explorer 7 gaja kartigi :) ! Edited April 10, 2008 by Faks Link to comment Share on other sites More sharing options...
Recommended Posts