Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите

AkuSer · November 21, 2015

1. как сделать чтобы в футере 3й див не уходил на следующую строку

2. как сделать чтобы в <div class="content"> избыточное содержимое давало скроллбар не у всей страницы а только у этого дива

Спасибо!

<!doctype html>

<html>

<head>

<style>

body { margin: 0; padding: 0; }

.content { height: 100%; width: 100%; }

.shapka

{

height: 84px;

background: #000000;

}

.footer

{

position: absolute; bottom: 0px;

height: 40px;

width: 100%;

background-color: #789CB4;

color: white; font-family: sans-serif; font-size: 13px;

vertical-align: middle;

}

</style>

</head>

<body>

<div class="shapka">Header</div>

-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>—--<br>

</div>

</div>

</body>

</html>

Veseloff · November 21, 2015

Windows-1251

Вы чего? 21 век на дворе. А вообще выложите на хостинг — так проще.

igmar · November 21, 2015

AkuSer,

в разделе для лодырей и бездельников есть моя тема Помогите сделать макет, где меня этому учат. Присоединяйтесь. Ваш п.1 я уже сделал. Можете посмотреть как.

По поводу п.2 у меня тоже такой вопрос был. Пока не дошли. Но могу сказать, что можно задать для нужного div

overflow: auto;

тогда появится скроллбар при избытке контента.

Edited November 21, 2015 by igmar

AkuSer · November 21, 2015

AkuSer,
в разделе для лодырей и бездельников есть моя тема Помогите сделать макет, где меня этому учат. Присоединяйтесь. Ваш п.1 я уже сделал. Можете посмотреть как.
По поводу п.2 у меня тоже такой вопрос был. Пока не дошли. Но могу сказать, что можно задать для нужного div
overflow: auto;
тогда появится скроллбар при избытке контента.

Спасибо!

мыслить как-то по другому приходится начинать...

Sign In

Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите

Question

AkuSer

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

igmar

Link to comment

Share on other sites

AkuSer

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information