Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите заверстать на дивах / 5 сообщений из 5, страница 1 из 1
22.06.2009, 15:52
    #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, 16:58
    #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, 18:00
    #36054398
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите заверстать на дивах
по моему тут тега div не хватает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2009, 18:19
    #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:34
    #36054448
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите заверстать на дивах
короче забил нафиг, сделал на таблице. заняло 4 минуты.
или мож я ти дивы готовить не умею?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите заверстать на дивах / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 531ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1454637]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 187ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 259ms
total:  531ms
x
x
Закрыть


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