border-radius

[necro]

Собственно нужно сделать закругленные углы и тени, чтоб нормально отображалось в ие 6-8

перепробывал уже все что можно, ничего не хочет работать, мб тут кто подскажет что-нибудь, а то это реально полный провал.

  Reveal hidden contents

<div id="contacts">
                  <div id="contactstitle"> Консультации <p>и заказ</p>
                  </div>
              <div class="contactsp">
              <span class="cod">+375(17)</span><br />
              <span class="nomer">269-87-94</span><br />
              <span id="faks">факс</span><br />
              </div>
              <div class="contactsp">
              <span class="cod">+375(17)</span><br />
              <span class="nomer">669-87-93</span><br />
              <span id="gorod">городской</span><br />
              </div>
              <div class="contactsp">
              <span class="cod">+375(29)</span><br />
              <span class="nomer">669-87-93</span><br />
              <span id="velcom">моб. velcom</span><br />
              </div>
              <div class="contactsp">
              <span class="cod">+375(29)</span><br />
              <span class="nomer">769-87-93</span><br />
              <span id="mts">моб. МТС</span><br />
              </div>
         </div>

  Reveal hidden contents

#contacts {
   background: white;
  margin-left:10px;
  width:189px; 
	margin-bottom: 30px; 
	color: white;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 5px 10px rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color="#404040", Direction=90, Strength=0)
        progid:DXImageTransform.Microsoft.Shadow(color="#404040", Direction=135, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color="#404040", Direction=225, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color="#404040", Direction=90, Strength=0);
position: relative;
zoom: 1;
	border-radius:  0 0 6px 6px; 
-moz-border-radius:0 0 6px 6px;
padding-bottom:10px;
}


#contactstitle {
  font: 20px Tahoma, sans-serif;
	background: url(image/contacts.png) no-repeat; 
	height: 60px; 
	padding-left: 30px; 
	padding-top: 5px;

}

слева как должно быть, справа как отображается в ие

http://itmages.ru/image/view/381524/f5677160

Edited January 6, 2012 by necro

[Gaspode]

  Quote

Собственно нужно сделать закругленные углы и тени, чтоб нормально отображалось в ие 6-8

Два варианта:

- делайте картинками;

- плюньте.

[necro]

Плохо представляю, насчет картинок, я наверное уже помешался.

Можно немного поподробней? Натолкнуть на мысль.

[Gaspode]

Ну просто сделайте картинку, у которой уже уголки скруглены, и поставьте её на фон. И тень делайте картинкой.

Edited January 6, 2012 by Gaspode

[zSpx]

Я бы посоветовал сузить варианты до одного пункта.. до второго.

ну а картинками так, тень похожим образом.

[necro]

я бы плюнул, если бы не требовали, а насчет картинок бэкграунда, разве это тут возможно? блок должен тянуться по содержимому.

буду пробывать резать уголки) правда раньше никогда не получалось)

хотя стоп. тоже ведь не пойдет? добавлю содержимое и как небывало углов

блин, есть ещё варианты?

Edited January 6, 2012 by necro

[necro]

подкинет кто идей?)

[Softlink]

Если вариант с картинками вам не нравится, то используйте тогда PIE. Он и углы скруглит и тени наведет. И браузер повесит.

[necro]

pie не хочет работать на меня) уже пробывал

[br3t]

http://www.artlebedev.ru/tools/technogrette/html/rounded-corners/ - первый результат из гугла