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

HTML+CSS+JavaScript

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

 

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

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

тема: Минимальная ширина : div
 
 автор: sl1p   (20.11.2008 в 14:15)   письмо автору
 
 

Как вот сделать чтобы если окно растягивается контейнер с содержимым тянулся бы за окном, но если окно упирается в контент то тогда уже появлялся бы скролл?

Отверстал весь сайт на процентах и теперь при сужении окна контент идёт гулять кудато :|

  Ответить  
 
 автор: Madman   (20.11.2008 в 15:26)   письмо автору
 
   для: sl1p   (20.11.2008 в 14:15)
 

Ну так для этого и существует min-width в CSS и несколько способов заставить его работать в IE6

  Ответить  
 
 автор: sl1p   (20.11.2008 в 15:41)   письмо автору
 
   для: Madman   (20.11.2008 в 15:26)
 

ну это ясно в принципе.. хотелось бы услышать как это сделать в ие6 :)

капец как можно быть такими идиотами и создавать такого рода браузеры :\
будь моя воля взорвал бы нафиг их всех и заставил жевать этот драный браузер рррр :D

  Ответить  
 
 автор: Madman   (20.11.2008 в 16:05)   письмо автору
 
   для: sl1p   (20.11.2008 в 15:41)
 

Я делаю на CSS вот так:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* { margin:0; padding:0; }
html, body { height:100%; }
.outer { min-width:600px; }
* html .outer { padding-left:600px; display:inline-block; }
* html .layout { display:inline-block; }
* html .inner { margin-left:-600px; position:relative; display:inline-block; }
</style>
</head>

<body>
    <div class="outer">
        <div class="layout">
            <div class="inner">
                Этот блок будет шириной во весь экран, но не меньше 600рх даже в ИЕ6
            </div>
        </div>
    </div>
</body>
</html>


Есть еще способ с expression:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* { margin:0; padding:0; }
html, body { height:100%; }
.minwidth { min-width:600px;  }
* html .minwidth { width:expression(document.body.clientWidth > 600? "100%" : "600px"); }
</style>
</head>

<body>
    <div class="minwidth">
        Этот блок будет шириной во весь экран, но не меньше 600рх даже в ИЕ6
    </div>
</body>
</html>


Но на CSS мне нравиться больше

  Ответить  
 
 автор: sl1p   (20.11.2008 в 16:12)   письмо автору
 
   для: Madman   (20.11.2008 в 16:05)
 

хм пасибки..:)
а если например я не знаю сколько контента? Как тогда быть, что бы не стягивалось меньше чем контент?)

  Ответить  
 
 автор: Madman   (20.11.2008 в 16:25)   письмо автору
 
   для: sl1p   (20.11.2008 в 16:12)
 

контент контенту - рознь. Какой контент: текст, картинки, флеш?.. Как ты его планируешь определять?
Не заморачивайся лучше! Есть минимальное значение, зачем жать сайт до переноса в одно слово...
Или юзай таблицы! Там само все по контенту сожметься и не меньше =)

  Ответить  
 
 автор: sl1p   (20.11.2008 в 16:28)   письмо автору
 
   для: Madman   (20.11.2008 в 16:25)
 

зодрали таблицы, тошнит уже)

Есть минимальное значение, зачем жать сайт до переноса в одно слово...
хочется чтобы он по всякому был идеален:))...
зы. всмысле "Есть минимальное значение"?

  Ответить  
 
 автор: Madman   (20.11.2008 в 16:46)   письмо автору
 
   для: sl1p   (20.11.2008 в 16:28)
 

хочется чтобы он по всякому был идеален:))...
"...- А на той планете есть охотники?
- Нет.
- Как интересно! А куры там есть?
- Нет.
- Нет в мире совершенства! - вздохнул Лис..." (с) Сент-Экзюпери

зы. всмысле "Есть минимальное значение"?
Ну ты устанавливаешь какое-либо минимальное значение, при котором твой сайт будет выглядеть корректно. А меньше и не надо, пусть хоть и вообще контента не будет на странице!

  Ответить  
 
 автор: sl1p   (20.11.2008 в 17:06)   письмо автору
 
   для: Madman   (20.11.2008 в 16:46)
 

хех, ясненько спасибо большое за советы... первый раз на дивах всё строчу)
имхо на таблицах добиться желаемого дизайна анриал... или же кода будет в 52 раза больше) и не так всё гибко:)

  Ответить  
Rambler's Top100
вверх

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