Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как отобразить слой в IE и Mozilla одинпково?
 
 автор: jeans1986   (04.06.2007 в 10:18)   письмо автору
 
 

Дан стиль слоя:

<style>
#menu {position:absolute;border:solid 1px #CCCCCC; width:100px; background-color:#FFFFFF; z-index: 1000}

.context_menu:link {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px; }
.context_menu:visited {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px; }
.context_menu:hover {color:#FFFFFF; text-decoration:none; background-color:#003399; width:98px; font-size: 15px; }
.context_menu:active {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px; }
</style>


А вот и сам слой:

<!--menu-->    
        <div id='menu' style="display:none;">
         <a id="cut" class="context_menu" href="#" onClick="operation('cut');">Cut</a><br>
         <a id="copy" class="context_menu" href="#" onClick="operation('copy');">Copy</a><br>
         <a id="paste" class="context_menu" href="#" onClick="operation('paste');">Paste</a><br>
<hr size="1" color="#CCCCCC">
         <a id="delete" class="context_menu" href="#" onClick="operation('delete');">Delete</a><br>
         <a id="rename" class="context_menu" href="#" onClick="operation('rename');">Rename</a><br>
<hr size="1" color="#CCCCCC">
         <a id="new folder" class="context_menu" href="#" onClick="show('create_new_folder')">New Folder</a><br>
<hr size="1" color="#CCCCCC">
         <a id="upload" class="context_menu" href="../index.php">Upload</a>
<hr size="1" color="#CCCCCC">
         <a id="folder_share" class="context_menu" href="#" onClick="operation('folder_share');">Share</a><br>
         <a id="folder_unshare" class="context_menu" href="#" onClick="operation('folder_unshare');">Unshare</a>
<hr size="1" color="#CCCCCC">
         <a id="change_icon" class="context_menu" href="#" onClick="operation('change_icon');">Change Icon</a>
<hr size="1" color="#CCCCCC">
         <a id="properties" class="context_menu" href="#" onClick="operation('properties');">Properties</a>
        </div>


В IE он имеет больше размер чем в Mozille. Как сделать чтоб в обоих браузерах был бы одинаковы размер, т.е чтоб высота одна была и одинаково выглядели. ЗАРАНЕЕ БЛАГОДАРЮ,

   
 
 автор: Lelik   (04.06.2007 в 11:32)   письмо автору
 
   для: jeans1986   (04.06.2007 в 10:18)
 

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

<style>
#menu {position:absolute;border:solid 1px #CCCCCC; width:100px; background-color:#FFFFFF; z-index: 1000; padding:0px;}

.context_menu:link {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px;padding:0px; margin:0px;}
.context_menu:visited {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px; padding:0px; margin:0px;}
.context_menu:hover {color:#FFFFFF; text-decoration:none; background-color:#003399; width:98px; font-size: 15px; padding:0px; margin:0px;}
.context_menu:active {color:#000000; text-decoration:none; padding-left: 10px; font-size: 15px; padding:0px; margin:0px;} 
</style> 

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования