Показано с 1 по 3 из 3

Тема: Ширина окна - предел?

  1. #1

    Регистрация
    26.02.2007
    Адрес
    Украина, Запорожье
    Сообщений
    58
    Есть такой пример:

    Код:
    <html>
    
    <head>
    <style>
    body {
    ****margin: 0px;
    }
    #main {
    ****background: #c0c0c0;
    ****height: 100%;
    }
    #temp {
    ****height: 50px;
    ****width: 2000px;
    ****background: gray;
    }
    </style>
    </head>
    
    <body>
    <div id="main"><div id="temp"></div></div>
    </body>
    </html>
    Вопрос: почему ширина #main остается равной ширине окна, а не "растягивается", становясь равной ширине дочернего #temp? И каким образом заставить #main увеличить ширину, даже если его контент шире окна?

    Спасибо.

    P.S. В IE #main растягивается согласно контенту. Кстати, почему?

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Kiosuki@Feb 13 2008, 13:36
    почему ширина #main остается равной ширине окна, а не "растягивается", становясь равной ширине дочернего #temp?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Потому что не должна. Любой блок в прямом потоке, если ему не задана явная ширина, занимает по ширине все доступное ему пространство, предоставленное ему родительским элементом. В данном случае родительским элементом выступает body, ширина которого равна ширине элемента html (ширине окна браузера).

    Originally posted by Kiosuki@Feb 13 2008, 13:36
    И каким образом заставить #main увеличить ширину, даже если его контент шире окна?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Поскольку ширина блоков в прямом потоке ни коим образом не зависит от контента этих блоков, для прямого потока сделать это можно только одним способом: задать необходимую ширину либо самому блоку #main, либо одному из его родительских элементов. Еще как вариант можно рассматривать назначение блоку #main либо float: left, либо position: absolute. Абсолютно спозиционированные блоки, а также блоки, к которым применено свойство float, перестают занимать по ширине все доступное пространство. Их ширина определяется именно их содержимым...



    Originally posted by Kiosuki@Feb 13 2008, 13:36
    P.S. В IE #main растягивается согласно контенту. Кстати, почему?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Потому что это IE, который не лезет ни в какие рамки стандартов...

  3. #3

    Регистрация
    26.02.2007
    Адрес
    Украина, Запорожье
    Сообщений
    58
    Спасибо большое!

Похожие темы

  1. Окна
    от Akinau в разделе Бюро находок
    Ответов: 0
    Последнее сообщение: 15.01.2014, 15:09
  2. Окна
    от Akinau в разделе Фирменный стиль
    Ответов: 0
    Последнее сообщение: 15.01.2014, 13:57
  3. Минимальная высота и ширина таблицы.
    от pizzZ в разделе Вёрстка сайта
    Ответов: 21
    Последнее сообщение: 02.01.2008, 00:07
  4. фиксированная мин ширина и отрицательные поля!
    от never_again в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 16.04.2007, 19:05
  5. Ширина слоя <div>
    от X-Team в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 27.07.2005, 09:34

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •