Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> есть спец по div вёрстке ? нижняя часть ниже контента - как ?  
V
    Опции темы
Dopelgander
Дата 7.9.2008, 11:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.4.2008

Репутация: нет
Всего: нет



здравствуйте

вот проблема -  http://www.utta24.ru/214/4.html нижняя часть находится не на месте, 

как сделать так чтобы эта часть была всегда ниже контента, в данном случае она сползает только на высоту браузера.

Код

*{margin:0px;padding:0px}
html,body{height:100%;width:100%}
body{background:url(p/f1.gif) left repeat-y}
div{font-size:11px;font-style:normal;color:#000;text-align:justify;vertical-align:top;font-family:Verdana,Arial,Helvetica,sans-serif}
h1{font-size:16px;color:#a11b1a;margin-bottom:5px} 
p{text-indent:1em}

.d0,.d1,.d2,.d4,.dx1,.dx2,.dx3,.dx4,.dx5,.dx6,.dx7,.dx8,.dx9,.dx10,.dx11,.dx12,.dx13,.dx14,.tl1,.tl2,.b1,.b2,.b3,.b4,.q1,.q2,.q3,.q4{position:absolute}
.d0,.dx1,.dx2,.dx3,.dx4,.tl1,.b1,.b4{top:0px}
.d0,.dx1,.dx4,.dx5,.dx9,.tl1,.tl2,.tl3{left:0px}
.d1,.d2,.d4{top:180px}
.dx5,.dx8,.dx7,.dx11,.tl2{top:150px}
.dx3,.dx4,.dx5,.dx8,.dx11,.dx12{width:30px}
.dx5,.dx8{height:30px}
.d0,.dx1,.dx2,.dx3{height:100%}
.d0,.dx1,.tl1,.tl2,.tl3{width:100%}
.dx9,.dx10,.dx12,.tl3{bottom:0px}
.dx3,.dx11,.dx12{right:0px}
.dx15,.dx8,.b1{left:30px}
.d2,.dx7{left:60px}
.d4,.dx2,.dx10,.b4{right:30px}
.dx9,.dx10,.dx12{height:40px}

.d1{left:258px;width:auto;padding:10px;padding-top:5px;padding-right:220px}
.d2{width:188px;padding:5px;padding-left:0px}
.d4{width:170px;padding:5px}

.ka{width:190px;height:60px;padding-left:5px}
.pi{margin-right:5px}
.red{margin-top:5px}
.f1{border:1px solid #000}
.f2{color:#fff}

.dx1{background:url(p/f1.gif) left repeat-y #efefef}
.dx2{background:url(p/f2.gif) left repeat-y #fff;width:180px}
.dx3{background:url(p/f4.gif) top repeat-x #a11b1a}
.dx4{background:#000;height:150px}
.dx5{background:#acacac}
.dx8{background:#a11b1a}
.dx6{top:184px;left:36px;background:url(p/x6.gif) no-repeat;width:19px;height:192px}
.dx7{background:url(p/x7.gif) no-repeat;width:198px;height:29px;border-bottom:1px solid #000}
.dx9{background:url(p/f1.gif) left repeat-y;width:60px}
.dx10{background:url(p/f3.gif) repeat-x;width:179px}
.dx11{background:#5e5e5e;height:29px;border-bottom:1px solid #000}
.dx12{background:#000}
.dx13{top:160px;right:80px;height:11px}
.dx14{bottom:15px;right:80px;height:11px}

.tl1{background:#fff;height:150px}
.tl2{background:#5e5e5e;height:29px;border-bottom:1px solid #000}
.tl3{background:#000;height:33px;padding-top:7px;font-size:10px;text-align:center;color:#fff}
 


Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<meta http-equiv=Content-Type content="text/html;charset=windows-1251">
<meta name="description" lang="ru" content="Все виды консалтинговых услуг в Красноярске - быстро надёжно и качественно, наши высококвалифицированные специалисты помогут Вам решить любые проблемы и задачи связанные с Вашим бизнесом">
<meta name="keywords" lang="ru" content="Юридические консультации онлайн, online консультация юриста, консалтинг">
<link href="4.css" rel="stylesheet" type="text/css">
<link rel="icon" href="p/favicon.ico" type="image/x-icon"> 
<link rel="shortcut icon" href="p/favicon.ico" type="image/x-icon">
<title>w</title>
<div class="d0"></div>
<div class="dx1"></div>
<div class="dx2"></div>
    <div class="d1">
        <p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p><p>w</p>
    </div>
<div class="d2">
wwwww
</div>
<div class="tl1"></div>
<div class="tl2"></div>
<div class="tl3">&copy; 2005-2008 ООО</div>
<div class="dx3"></div>
<!--вот тут начинается правый столбик --><div class="d4">x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x<br><p style="text-align:center"><br><strong>СЕГОДНЯ</strong><img src="p/lred.gif" alt="" class="red"><br>
<br>
 имя фамилия отчество имя фамилия отчество</p></div>
<!--вот тут он кончился -->
<div class="dx4"></div><div class="dx5"></div><div class="dx8"></div><div class="dx6"></div><div class="dx7"></div><div class="dx9"></div><div class="dx10"></div><div class="dx11"></div><div class="dx12"></div>
<div class="dx13"><a href="http://www.vsegda1.ru/index.php"><img src="p/home.gif" alt="Главная страница" border="0"></a> &nbsp; &nbsp; <a href="http://www.vsegda1.ru/index.php?act=24"><img src="p/map.gif" alt="Карта сайта" border="0"></a> &nbsp; &nbsp; <a href="http://www.vsegda1.ru/index.php?act=6"><img src="p/link.gif" alt="контакты" border="0"></a></div>
<div class="dx14"><a href="http://www.vsegda1.ru/index.php"><img src="p/home4.gif" alt="Главная страница" border="0"></a> &nbsp; &nbsp; <a href="http://www.vsegda1.ru/index.php?act=24"><img src="p/map4.gif" alt="Карта сайта" border="0"></a> &nbsp; &nbsp; <a href="http://www.vsegda1.ru/index.php?act=6"><img src="p/link4.gif" alt="контакты" border="0"></a></div>
<div class="b1"></div>
<div class="b4"></div>



что делать ? подскажите кто чем может

PM MAIL   Вверх
tekfla
Дата 7.9.2008, 13:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 31.8.2008
Где: г. Уфа, Россия

Репутация: нет
Всего: нет



задать фиксированное положение (position: fixed), но, к сожалению, в ie6 это не работает, и обычно это исправляют хаками:
http://www.cssplay.co.uk/layouts/fixit.html
http://www.456bereastreet.com/lab/cssframes/

UPD: упс, сорри, не прочитал сообщение полностью. ну чтобы этот блок находился ниже контента, его надо просто расположить в коде после контента (убрав абсолютное позиционирование для этого блока в модуле таблиц стилей или вместо написав "position: relative")

Это сообщение отредактировал(а) tekfla - 7.9.2008, 13:32
PM MAIL ICQ   Вверх
Dopelgander
Дата 8.9.2008, 06:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.4.2008

Репутация: нет
Всего: нет



спасибо но в данных 2х примерах футер стоит постоянно на месте, это немного не то

а position я уже весь перепробовал, вообще не реагирует никак 
PM MAIL   Вверх
Dopelgander
Дата 11.9.2008, 05:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.4.2008

Репутация: нет
Всего: нет



вобщем спецов куча ))
короче я переверстал, и всё теперь даже лучше стало, работает везде.

а по этому случаю выходов нету, кроме как поставить какойнибудь хак ... но решение с хаками это не решение
всем спасибо.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0412 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.