Проблем с разлияен css за различен броузер

[lubo91]

Налага ми се да използвам различен css за различните броузери.
Използвам кода на @shterev от тазиhttp://web-tourist.net/forum/viewtopic.php?t=56809 тема обаче неми се получава , това което трябва да излиза в FF неизлиза

Ето го и моя код

 <link type="text/css" rel="stylesheet" href="css/style.css" />	
  
 <link href="img/mini.gif" rel="shortcut icon" type="image/x-icon" />
 <script type="text/javascript" src="scripts/swfobject.js"></script>

   

</head>

<body>
  <div id="kazan">
       <div  id="borders" class="borders" >	  
          
         <div id="content">  
             
             <div id="header"> </div> 
		     vdfvdfvdfvdf
             dsdasdas
             dasdasd
             asdasda
             sdasdasd
		  
	         <div id="botom"> </div>
         
         </div>
       </div>
  </div>
</body>
</html>

Копирал сам само тази част която мисля че ще е необходима.

 

[shterev]

какво трябва да се получи? Та не видях че си ме питал за другите браузъри как е в другия пост.Ами щом не ти се получава с един цсс за модзила опера хрома , значи нещо бъркаш.Аз си правя един цсс за всички, зависимост от слойността на дизайна , единственото което ми се налага да променя за ие6 е това че не поддържа мин-хеигх и пнг-та, за което прая хак4е и всичкия ми код , дори и за ие6 е в един файл.Но щом имаш големи разлики , значи нещо бъркаш , или не знаеш как точно да направиш.


п.с. само от хтмл-то не може да се разбере къде е грашката

 

[AceXe]

По принцип ако зададеш само стил без да уточняваш за кого е и един стил само за ИЕ ще стане така:

Ие ще си ползва зададена стил, а всички останали - основния зададен стил. Ровил съм се в нета за Опера и Хроум, но не съм намирал нищо, сигурно защото на никого не се е налагало да различава по стил мозила с опера.

 

[lubo91]

какво трябва да се получи? Та не видях че си ме питал за другите браузъри как е в другия пост.Ами щом не ти се получава с един цсс за модзила опера хрома , значи нещо бъркаш.Аз си правя един цсс за всички, зависимост от слойността на дизайна , единственото което ми се налага да променя за ие6 е това че не поддържа мин-хеигх и пнг-та, за което прая хак4е и всичкия ми код , дори и за ие6 е в един файл.Но щом имаш големи разлики , значи нещо бъркаш , или не знаеш как точно да направиш.


п.с. само от хтмл-то не може да се разбере къде е грашката

Нямам разместване а като направя това което ми казваше в ЛС - я под IE си ми излиза всичко , а под FF ми го няма това което съм задал с тоя

.element {background:none; filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sqnka.png', sizingMethod='image');}

код в style.css

 

[shterev]

ето ти демо:

.element { background: url(picture.png) no-reepat left top; }
* html .element {background:none; filter:
progidXImageTransform.Microsoft.AlphaImageLoader(src='images/sqnka.png', sizingMethod='image');}

Това всичкото е в 1 цсс, като : .element { background: url(picture.png) no-reepat left top; } - се отнася за всички браузъри , а това:
* html .element {background:none; filter:
progidXImageTransform.Microsoft.AlphaImageLoader(src='images/sqnka.png', sizingMethod='image');} - само за ие6( само ие6 чете това), както виждаш има * html , кото ще рече че е се отнася за ие6 , другите браузъри не го четат това