Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Чья правда? (img или div) ИЛИ Кто ближе к стандартам?  (Прочитано 7266 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« : 05-03-2007 15:09 » 

Offtopic:

Сла, посмотри, я тут наваял сайтик

1. Не наваял, а навалял.
Взял готовое, методом удалил-посмотрел-работает сверстал

2. Покарежил я его чуть, чуть сильно не вдаваясь и не обращая внимания на картинки

и тут я запнулся
Код:
<div width="100">
  <table>
....
  </table>
  <table>
....
  </table>
  <table>
  <tr><td><img src="/line.jpg" alt="" border="0" width="100%" /></td></tr>
....
  </table>
</div>
В результате FF выодит нормально, как положено все в диве и див по центру
ИЕ -плюет на ширину дива, хватает ширину img и растягивает по 100% line.jpg
только указав width="100px" все стало на свои места
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #1 : 05-03-2007 17:36 » 

Sla, атрибута width у div нет - это не стандартный ход (не по стандарту): div может иметь только атрибут align и общие атрибуты типа class, id, lang.

Нужно пользоваться CSS: style="width: 100px; overflow: auto;".
Свойство overflow обязательно, т.к. нет возможности неявно ограничить размеры некоторых объектов. Напр.: длинные неразрывные строки, картинки, блоки pre (white-space: pre;).

Рекомендую начинать страницу с определения DOCTYPE. Без этого определения браузеры работают в quirk режиме и рисуют "кто как понял, кто как смог".

Для xhtml 1.0 transitional:
Код: (HTML)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">......</html>


Гимор это - ограничивать по ширине. В твоем случае я бы зафиксировал размер картинки атрибутом width в пикселях.

Полезные ссылки: https://forum.shelek.ru/index.php/topic,10393.0.html
Сходи на xhtml - там есть хорошие статьи по особенностям браузеров.
« Последнее редактирование: 05-03-2007 17:38 от RXL » Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #2 : 06-03-2007 07:14 » 

виноват впутал в оману Улыбаюсь
я привел атрибут только для объяснения ситуации
на самом деле это выглядит так
Код: (HTML)
<div class="main-container">
...
Код: (CSS)
.main-container{
        width: 762px;
        border: 1px solid #336666;
        padding: 4px;
}
 
Цитата
В твоем случае я бы зафиксировал размер картинки атрибутом width в пикселях.
я так и сделал

насчет "overflow: auto;"  спасибо
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
Chuda
Гость
« Ответ #3 : 06-03-2007 18:31 » 

а не лучше ли в данном случае картинку фоном поставить?
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines