Egyéb problémák

[pixi]

minek az elejére *?

Lassan annyi a hack, mint égen a csillag.
A csillagos -, az aláhúzásos- és a backslash hekk, amelyeket csak az IE értelmez:

Kód: CSS

1.  .vmi { width: 10px; *width: 12px; }
2.  .vmi { width: 10px; _width: 12px; }
3.  .vmi { width: 10px; w\idth: 12px; }

http://techline.hu/tudastar/20071116_css2.aspx

[tomi6230i]

Ne add fel, márt csak azért sem.
Próbáld ki az alábbiak közül az általad használt IE verziója szerinti megoldást. A normál css után tedd be és addig korrigáld a paddingot, amíg IE-ben is jó nem lesz:

Kód: CSS

1. <!--[if IE]>  Bármilyen IE verzió  <![endif]-->
2.  
3. <!--[if IE 5]>  IE 5-ös verzió  <![endif]-->
4.  
5. <!--[if IE 5.0]>  IE 5.0-ás verzió  <![endif]-->
6.  
7. <!--[if IE 6]>  IE 6-os verzió  <![endif]-->
8.  
9. <!--[if IE 7]>  IE 7-es verzió  <![endif]-->
10.  
11. <!--[if gte IE 5]>  IE 5-höz vagy ennél magasabb verzió  <![endif]-->
12.  
13. <!--[if lt IE 6]>  IE 6-osnál kisebb verzió  <![endif]-->
14.  
15. <!--[if lte IE 6]>  IE 6-hoz vagy ennél kisebb verzió  <![endif]-->

Például IE6 esetén:

Kód: CSS

1. <style>
2.      input  { padding: 0px }   /* ha nem IE6 */
3. </style>
4.  
5. <!--[if IE 6]>
6.   <style>
7.      input  { padding: 2px }  /* ha IE6 */
8.   </style>
9. <![endif]-->

Kössz, de ezeket ismerem

http://www.webdevout.net/css-hacks

Ezeket viszont nem, majd ha lesz időm akkor elolvasom. Addigis bekerült a böngészősáv végére, van már vagy 10 elolvasandó link 

[Keveqiah]

Jó kérdés. Soha nem néztem még konkrétan utána. De rengeteg féle fajta hack létezik css terén IE számára.
http://www.webdevout.net/css-hacks

[Semmu]

minek az elejére *?

[Keveqiah]

ezeket még nem használtam, de nekem eddig a

Kód: CSS

1. * html body {} /* stb, stb */
2. * html #id
3. * html .classname
4.  

bevált.

Juteszembe.. és nem árt minden css előtt behívni egy reset css-t. Sok szenvedéstől megkíméli az embert.

[Semmu]

amúgy ezekhez a conditional commentekhez hozzá fűzném, hogy úgy egyszerű megjegyezni, ha tudod mit jelentenek az lte/gt stb "szavak".

lt = lesser than = kisebb, mint
gt = greater than = nagyobb, mint
lte = lesser than or equal to = kisebb vagy egyenlő, mint
gte = greater than or equal to = nagyobb vagy egyenlő, mint

utána meg szám, és a kommentbe html kontent, amit csak akarsz.

[pixi]

...IE-ben még mindig van egy pici elcsúszás, de már nem érdekel.

Ne add fel, márt csak azért sem.
Próbáld ki az alábbiak közül az általad használt IE verziója szerinti megoldást. A normál css után tedd be és addig korrigáld a paddingot, amíg IE-ben is jó nem lesz:

Kód: CSS

1. <!--[if IE]>  Bármilyen IE verzió  <![endif]-->
2.  
3. <!--[if IE 5]>  IE 5-ös verzió  <![endif]-->
4.  
5. <!--[if IE 5.0]>  IE 5.0-ás verzió  <![endif]-->
6.  
7. <!--[if IE 6]>  IE 6-os verzió  <![endif]-->
8.  
9. <!--[if IE 7]>  IE 7-es verzió  <![endif]-->
10.  
11. <!--[if gte IE 5]>  IE 5-höz vagy ennél magasabb verzió  <![endif]-->
12.  
13. <!--[if lt IE 6]>  IE 6-osnál kisebb verzió  <![endif]-->
14.  
15. <!--[if lte IE 6]>  IE 6-hoz vagy ennél kisebb verzió  <![endif]-->

Például IE6 esetén:

Kód: CSS

1. <style>
2.      input  { padding: 0px }   /* ha nem IE6 */
3. </style>
4.  
5. <!--[if IE 6]>
6.   <style>
7.      input  { padding: 2px }  /* ha IE6 */
8.   </style>
9. <![endif]-->

[tomi6230i]

Csak táblázattal jött össze, IE-ben még mindig van egy pici elcsúszás, de már nem érdekel.

[Rimelek]

Akkor tovább kell próbálgatni az ilyen paddingok és marginok állítgatását. De azóta már lehet meg is oldottad.

[tomi6230i]

Na, így hogy beállítom 0-ra a padding-ját, Chrome-ban és Safari-ban lesz jó, FireFox-ban elcsúszik, IE-ben meg marad amilyen volt.  :dontgetit:

[Rimelek]

Nem biztos, hogy te adtad. google chrome-ban néztem az "elem vizsgálata" funkcióval. És lehet csak a böngésző által beállított tulajdonságokat nézte. De ha eddig nem adtál neki sehol paddingot, akkor most adj neki egy nullát. 

[tomi6230i]

Nem találom, hogy hol adtam 1px paddingot neki.

[Rimelek]

vedd ki a css-ben az 1px alsó és felső paddingot a kereső mezőnél.
Vagy adj a gombnak is.

[tomi6230i]

Itt a jobb felső sarokban van egy kereső.
  FireFoxban pont jó.
  Chromeban, Safariban picit lejjebb van csúszva a submit gomb az input mezőhöz képest.
  IE-ben feljebb van csúszva.

Hogy tudnám egységesen minden böngészőben egy magasságba helyezni őket?

[Hoszy]

Köszi! Megoldva! Teljes siker ( Megy a taps ) Azért bemásolom a végleges kódot, hát ha valakinek még szüksége lehet rá^^.

A Html:

Kód: HTML

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
3. <head>
4.         <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2" />
5.         <title>Próba</title>
6.         <link rel="stylesheet" href="image.css" />
7. </head>
8. <body>
9. <div id="kep"></div>
10. </body>
11. </html>

A css tartalma pedig:

Kód: CSS

1. #kep{
2. margin:100px 100px 100px 100px;
3. width:100px;
4. height:100px;
5. background-image:url('avatar.png');
6. background-position:0px 50px;
7. background-repeat:no-repeat;
8. }
9.  
10. #kep:hover{
11. margin:100px 100px 100px 100px;
12. width:100px;
13. height:100px;
14. background-image:url('avatar.png');
15. background-position:0px;
16. background-repeat:no-repeat;
17. }

// A marginok pedig csak "bizonyíték" hogy tényleg megy e a margin  :happy: