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

HTML+CSS+JavaScript

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

 

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

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

тема: div на странице
 
 автор: Лена   (17.02.2010 в 23:34)   письмо автору
 
 

Подскажите, пожалуйста, что я неправильно делаю. Мне нужно, чтобы div располагался на странице на определенном расстоянии слева и сверху окна. И внутри этого дива должны быть 4 дива в ряд.
У меня тот, который с отступом слева и сверху(белый див) не весь вмещается по высоте окна и не прокручивается.
Делаю так:

<body  style = "background:#000;margin:0;padding:0;">
    <div style = "position:absolute;left:400px;top:200px;background:#fff;display:block;width:800px;height:600px;">
        <div style = "background:#f00;width:200px;height:300px;display:block;float:left;">asdfas</div>
        <div style = "background:#0f0;width:200px;height:300px;display:block;float:left;">asdfas</div>
        <div style = "background:#f00;width:200px;height:300px;display:block;float:left;">asdfas</div>
        <div style = "background:#0f0;width:200px;height:300px;display:block;float:right;">asdfas</div>
    </div>
</body>

  Ответить  
 
 автор: Lelik   (17.02.2010 в 23:42)   письмо автору
 
   для: Лена   (17.02.2010 в 23:34)
 


<div style="margin: 200px 0px 0px 400px; background:#fff;display:block;width:800px;height:600px;">

  Ответить  
 
 автор: Лена   (18.02.2010 в 00:01)   письмо автору
 
   для: Lelik   (17.02.2010 в 23:42)
 

Код немного поменялся, не все учла:

<body  style = "background:#000;margin:0;padding:0;">
    <div style = "position:absolute;left:400px;top:200px;background:#fff;display:block;width:820px;height:600px;">
    
        <div style = "background:#00f;width:800px;height:350px;display:block;padding:0px 10px;">
            <div style = "background:#f00;width:194px;height:300px;display:block;float:left;margin:25px 3px;">asdfas</div>
            <div style = "background:#0f0;width:194px;height:300px;display:block;float:left;margin:25px 3px;">asdfas</div>
            <div style = "background:#f00;width:194px;height:300px;display:block;float:left;margin:25px 3px;">asdfas</div>
            <div style = "background:#0f0;width:194px;height:300px;display:block;float:right;margin:25px 3px;">asdfas</div>
        </div>
    </div>
</body>


Но так, как Вы предложили, сделала и все равно если этот див имеет высоту больше, чем высота окна, он не прокручивается.

  Ответить  
 
 автор: Lelik   (18.02.2010 в 00:25)   письмо автору
 
   для: Лена   (18.02.2010 в 00:01)
 

а что значит не прокручивается?

  Ответить  
 
 автор: GeorgeIV   (18.02.2010 в 10:03)   письмо автору
 
   для: Лена   (18.02.2010 в 00:01)
 

чтобы прокуручивался, нужно установить overflow=auto для этого дива

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

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