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

HTML+CSS+JavaScript

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

 

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

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

тема: Проблема с отображением в Opera
 
 автор: Dr Lines   (03.03.2008 в 08:39)   письмо автору
 
 

Объект (Картинка) в опере не растягивает блок <div> по ширине, в IExplorer все нормально
Код:
<div style="width:10px; height:10px; border: rgb(100,100,100) 1px solid; background:rgb(220,220,220); padding:5px;">
 <img src="img.jpg" style="width:100px; height:60px; border:rgb(150,150,150) 1px solid;">
</div>


Подскажите как сделать так, чтобы блок <div> автоматически подгонялся под ширину содержимого.

Проверялось на Opera 9.25

Заранее спасибо.

   
 
 автор: yuk   (03.03.2008 в 10:17)   письмо автору
 
   для: Dr Lines   (03.03.2008 в 08:39)
 

Это вы еще в FF не смотрели. Там див и по высоте не подгоняется.

<div id="di" style="border: rgb(100,100,100) 1px solid; background:rgb(220,220,220); padding:5px;"> 
 <img id="im" src="img.jpg" style="width:100px; height:60px; border:rgb(150,150,150) 1px solid;"> 
</div>    
<script>
    var di=document.getElementById('di');
    var im=document.getElementById('im');
    di.style.width=im.offsetWidth;
    di.style.height=im.offsetHeight;
</script>

   
 
 автор: Dr Lines   (04.03.2008 в 05:06)   письмо автору
 
   для: yuk   (03.03.2008 в 10:17)
 

Я так не хотел чтобы это все на Java делалось, но придется.


P.C.
и зачем придумали эту Opera и FireFox :\ , один геморрой от них только.

   
 
 автор: CNTv2.0   (04.03.2008 в 06:12)   письмо автору
 
   для: yuk   (03.03.2008 в 10:17)
 

По высоте - всё нормально.
Уберите переходы строк перед и после картинки и будет ОК.
т.е. писать надо не
 <div>
<img>
</div>
а без разрывов:
<div
><img
></div>

   
 
 автор: Dr Lines   (04.03.2008 в 09:04)   письмо автору
 
   для: CNTv2.0   (04.03.2008 в 06:12)
 

Я попробовал сделать так как ты написал, это не помогло, да и вобще, какая разница, сделал я перенос на другую строку, или не сделал. ? :\

   
Rambler's Top100
вверх

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