ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите заверстать на дивах
5 сообщений из 5, страница 1 из 1
Помогите заверстать на дивах
    #36054062
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
Необходимо созать 2 колонки и футер внизу. В правой колонке должен быть рисунок и выровнен по вертикали к низу. Выглядеть это должно как на рисунке.

Я сделал следующим образом:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<div style="margin:0 auto;">

<div style="width:400px;float:left;">
 левая колонка
</div>

 <div style="float:left vertical-align:bottom;">
            <img  />
</div>

<div style="clear:both;height:0;font-size:1px;line-height:0px;"></div>

    <div style="clear:both;">
        <img src="img/slogan.gif" />
    </div> 

</div>

Когда контент в левой колонке делает её длиннее чем правую, то картинка в правой колонке подпрыгивает вверх. Чё-то я не понимаю, мож ещё какой стиль прописать
...
Рейтинг: 0 / 0
22.06.2009, 15:52
| Ответить | Цитировать | Написать  
Помогите заверстать на дивах
    #36054256
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<div style="background-color:green;width:400px;float:left;">LEFT</div>
<div style="background-color:blue;float:right; position: relative;width:500px;height: 700px;">RIGHT

<div style="position:absolute; bottom: 0px; width: 200px;background-color: yellow;">IMAGE</div>

</div>

<div style="background-color:red;clear:both;height:0;font-size:1px;line-height:0px;height: 100px;"></div>

    <div style="clear:both;">
    </div> 

</div>

Вот так?
...
Рейтинг: 0 / 0
22.06.2009, 16:58
| Ответить | Цитировать | Написать  
Помогите заверстать на дивах
    #36054398
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
по моему тут тега div не хватает.
...
Рейтинг: 0 / 0
22.06.2009, 18:00
| Ответить | Цитировать | Написать  
Помогите заверстать на дивах
    #36054428
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
Вот как я делаю
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<div style="width:400px;float:left; text-align:center;padding-left:30px;margin-bottom:20px;">
 данные левой панели
</div>

  <div style="float:right; position: relative;width:500px;height: 700px;"> 
        
    <div style="position:absolute; bottom: 0px; width: 200px; left: 0px;">
             <img src="img/holms.gif" alt="holms"/>
    </div>
    
    </div>
    <div style="clear:both;height:0;font-size:1px;line-height:0px;"></div>
   
   
    <div style="margin:0px;padding:0px;text-align:center;background-color:#b6942f; clear:both;">
        <img src="img/slogan.gif"  alt="holms"/>
    </div>

И разезжается, может чё-то не так делаю.
...
Рейтинг: 0 / 0
22.06.2009, 18:19
| Ответить | Цитировать | Написать  
Помогите заверстать на дивах
    #36054448
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
короче забил нафиг, сделал на таблице. заняло 4 минуты.
или мож я ти дивы готовить не умею?
...
Рейтинг: 0 / 0
22.06.2009, 18:34
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите заверстать на дивах
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36054256&tid=1454637]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 155ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 59ms
get tp. blocked users:
 1ms
others: 253ms
total:  518ms
созд. / загр.: 518ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]