padding.

[eregi]

Domāju, parasti taču IE kropļo visas lapas, bet tagad esmu nešaprašanā, ko esmu nepareizi izdarījis, ka uz ff ir izkropļots. :)

 

tātad - http://..

 

kādēļ uz ie iekš nbox video ir 15 px no augšas, bet iekš mozillas ir 26px ?

Edited December 9, 2007 by eregi

[andrisp]

Man liekas, ka p tagam uz FF ir margin, bet uz IE nav.

[eregi]

jēs, Tev taisnība, izmantoju <div> aizgāja :) liels paldies :)

[mefisto]

Vienmēr CSS sākumā ieliec rindiņu

*{ margin: 0; padding: 0;}

Tad nebūs šādu pārsteigumu.

 

Un nevajag atstāt simbolus pirms doctype, tad rinda body{text-align: center} nebūs vajadzīga.

Pretējā gadījumā IE renderē visu iekš quircks mode.

[Toms]

Mans CSS reset sheets.

par css resetoshanu

 

EDIT: mans reset sheets paste.php.lv

Edited December 9, 2007 by Toms

[mefisto]

sorry, bet

• tavā resetā ir vismaz pāris kļūdas
  
• dažās vietās tas nefunkcionē kā resets, bet gan rada papildus atšķirības.
  

 

edit: bez tam, kāda jēga ir resetot tagus kurus tu nekad nelieto ?

Edited December 9, 2007 by mefisto

[andrisp]

mefisto, ar * tu arī reseto elementus, kurus nekad nelietosi.

 

Man personīgi nepatīk visu resetot ar *. Tā tiek sačakarēts formu elementu defaultais stils. Reāli labāk noreseto (pārdefinē) stilus tiem elementiem, kurus zini, ka izmantosi.

 

tavā resetā ir vismaz pāris kļūdas

 

Tad norādi uz tām. ;)

[mefisto]

Tad norādi uz tām. ;)

rprc, es tak esmu slinks pēc dabas:

 

• img, a img, :link img, :visited img {
  border : none;
  }

  
  Nedarbojas, jo tas ir 'shorthand', kurā pirmais parametrs ir border-width.
  lasāmviela
   
  

• * html .clearfix {
  height : 1%;
  }

  holy hack. Haki kā tādi ir kļūdas. Šis ir izveidots, lai labotu Peekaboo.
  Kurš patiesībā ir pavisam cita IE bug'a effekts.
  lasāmviela
   
  

• .clearfix {
  display : inline-block;
  }

  
  Bezjēdzīgs, jo labo to pašu kļūdu, ko holy hack.
   
  

• ol.bulleted, ul.bulleted {
  margin-left : 15px;
  }

  Visticamāk radīs kļūdu uz IE6 : double margin.
   
  

• nekur netiek labots gļuks ka .clearfix atšķirsies augstumā dažādos pārlūkos,
  lai gan klase pati tiek izveidota.
  

 

Liekas tas ir viss ko uz pirmā acu uzmetiena pamanīju.

 

P.S. kas attiecas uz parasto *{} resetu, tad,

jā "tiek sačakarēts formu elementu defaultais stils",

bet tas katrā browserī ir atšķirīgs.

[andrisp]

Par to margin-left: 15px;. Tas radītu problēmas tikai tad, ja izmantotu float: left.

[Aleksejs]

Man personīgi nepatīk visu resetot ar *. Tā tiek sačakarēts formu elementu defaultais stils. Reāli labāk noreseto (pārdefinē) stilus tiem elementiem, kurus zini, ka izmantosi.

No firewallu pasaules raugoties, man ļoti pareiza liekās mefisto piedāvātā stratēģija, resetot *, jo tā sasaucas ar labāko tradīciju firewallos - default rule: from * to * DROP. ;) Un pēc tam jau definē to, kam un kā jāizskatās/jāpārvietojas.

[andrisp]

Aleksejs, firewaļļu rūļi tomēr nav tas pats, kas CSS ;)

[Aleksejs]

andrisp, jā, nav gan! :D Taču šī pamatnostādne varētu būt vērtīga arī CSS kontekstā... Vai ne?

[andrisp]

Ok, nosaukšu iemeslus kāpēc man global reset liekas bēd:

 

1) Jau pieminētais defaultais formu stilu resets. Ja elementi jau dizainā plānojas citā stilā, tad ok, bet lielākoties tomēr par katru cenu nevajadzētu spiest uz to. Tomēr lietojamība ir labāka, ja lietotājs var atpazīt formu elementus.

 

2) Šim man varbūt pašam tā pagrūtāk noticēt, bet esmu daudz kur lasījis, ka global reset lieki noslogojot pārlūku.

 

3) Parasti global reset lieto šādi:

* { margin: 0; padding: 0; }

Un pēc tam vajadzīgajiem elementiem, kas būs lapā, pārdefinē vērtības:

 

p, ul { margin: 1em 0; }
u.t.t

 

Parasti pārdefinēts netiek visiem elementiem, bet gan vajadzīgajiem, kas parādīsies lapā. Tātad - kas notiks ja kaut kad nākotnē lapā parādīsies (caur CMS, piemēram) elements, kas nav ticis pārdefinēts, bet kam dabiski būtu vajadzīgs margin ?

 

Manuprāt, labāk tomēr pārdefinējam mums vajadzīgos elementus un par pārējiem ļaujam pārlūkam izlemt kā attēlot.