Круглый модуль CSS css в Safari значительно тоньше (по сравнению с Chrome и другими) - PullRequest
Новая
       15

Круглый модуль CSS css в Safari значительно тоньше (по сравнению с Chrome и другими)

0 голосов
/ 07 марта 2012

У меня есть веб-дизайн с модулем (форма). в частности, дизайн модуля представляет собой закругленные углы изображения (4 деления для обтекания формы, дизайн плавный).

Моя проблема в том, что ширина модуля отображается так, как ожидается в Chrome, Firefox, IN и Opera. Но по какой-то причине этот модуль отображает гораздо меньше в Safari. Все остальные элементы отображаются с такими же соотношениями, этот модуль является единственным несоответствием

На этом изображении я наложил браузер Safari сверху и снизу на модуль Chrome, и вы можете увидеть вариант, нижний браузер - safari:

Сравнение дизайна дисплея между Chrome и Safari. Safari показывает модуль намного тоньше http://i43.tinypic.com/2wgr975.png

CSS для этого модуля: 

div#slideshow {

    width: 100%;
    margin: 0 auto; 
    float: left; 
    position: relative;
    display: block; 

    }
/*slideshow newsletter module*/

div#slideshow div.moduletable_newsletter { 
width: 25%; 
min-width: 211px; 
float: right; 
margin: 5% 0;    }

div#slideshow form#formAcymailing1 { 
margin: 0 auto; 
width: 92%; }

div.acymailing_module_form-ul { 
width: 100%; 
float: left; 
background: url('../images/sprite.png') -10px -210px; }

div.acymailing_module_form-ur { 
float: left; 
background: url('../images/module-nwsltr-ur.png') no-repeat top right; 
padding: 10px 0 0 0; 
margin: 0 0 0 10px; }

div.acymailing_module_form-ll { 
position: relative; 
float: left; 
background: url('../images/module-nwsltr-ll.png') no-repeat bottom left; padding: 0 0 0 10px; 
margin: 0 0 0 -10px; }

div#slideshow div.acymailing_module_form {  
float: left; 
background: #f7f8ff url('../images/module-nwsltr-lr.png') no-repeat bottom right; 
margin: 0; 
padding: 0px 10px 0 0; }

div#slideshow div.acymailing_module_form  table.acymailing_form { 
width: 100%; 
margin-top: 110px; }

Что я могу сделать, чтобы модуль отображался шире в Safari?

Спасибо,

(для просмотра в прямом эфире: http://redesign.com.s136249.gridserver.com/)

...