X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> расположение Div-блоков
2.71
2.71
Topic Starter сообщение 14.2.2008, 15:24; Ответить: 2.71
Сообщение #1


Добрый день!
Нужно сделать "резиновый" дизайн. Общий смысл чего хочу получить:
1. уровень - шапка, форма для поиска. - Работает!
2. горизонтальная последовательность ссылок.
Проблема в том, что верхняя часть получается и работает как надо, т.е. изменяет размеры при изменении окна, а нижняя просто не отображается вообще - т.е. она почему-то находится под главной шапкой. В чём может быть проблема? Код прикрепляю...

<body marginheight="0" marginwidth="0">
<!-- logo -->
<div id="bodys">
<div id='logo' style="position:absolute; width:100%; left: 0px; top: 0px;">
<img src='shapka1.jpg' width="100%">
</div>

<!-- search -->
<div id='form_logo' style="position: relative; z-index:2; width:150px; float:right; right:5%; height:100px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr align="center">
<td width="33%"><img src="domoi.jpg"></td>
<td width="33%"><img src="map.jpg"></td>
<td><img src="mail.jpg"></td>
</tr>
</table>
<form action="#search"><input type="text" style="background-color:#CCCCCC "></form>
</div>
<!-- nav -->
<div id = "ads">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="rostelecom.jpg">
</td>
<td>
<img src="rostelecom.jpg">
</td>
<td>
<img src="rostelecom.jpg">
</td>
</tr>
</table>
</div>
</div>
</body>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 14.2.2008, 15:32; Ответить: Exterior
Сообщение #2


2.71, чтобы увидеть хотя бы то что есть, нужно приложить полный листинг страницы со стилями, т.к. совершенно не понятно какие значения у id = "ads"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2.71
2.71
Topic Starter сообщение 14.2.2008, 15:44; Ответить: 2.71
Сообщение #3


2 Exterior
Нет никаких стилей. Всё что есть - только этот код. Не понимаю почему третий див идёт не после двух предыдущих а ПОД первым и его вообще не видно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2.71
2.71
Topic Starter сообщение 14.2.2008, 16:03; Ответить: 2.71
Сообщение #4


(Exterior @ 14.2.2008, 17:32) *
2.71, чтобы увидеть хотя бы то что есть, нужно приложить полный листинг страницы со стилями, т.к. совершенно не понятно какие значения у id = "ads"

Спасибо кто хотел помочь. =) Разобрался.
Надо было сделать верхний див position:relative вместо position:absolute.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 14.2.2008, 16:24; Ответить: Exterior
Сообщение #5


2.71,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>???</title>

<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}

#bodys {
/* какие-нибудь стили */
}

#logo {
position: relative;
float: left;
top: 0px;
left: 0px;
margin-right: 5px;
}

#form_logo {
height: 100px;
position: relative;
float: right;
right: 5%;
z-index: 2;
}

#ads {

/* какие-нибудь стили */
}

--
>
</style>

</head>

<body>

<div id="bodys">

<!-- logo -->
<div id="logo">
<img src="shapka1.jpg" width="100" height="100" alt="LOGO" />
</div>

<!-- search -->
<div id="form_logo">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" width="33%"><img src="domoi.jpg" width="50" height="50" alt="" /></td>
<td align="center" width="33%"><img src="map.jpg" width="50" height="50" alt="" /></td>
<td align="center"><img src="mail.jpg" width="50" height="50" alt="" /></td>
</tr>
<tr>
<td align="center" colspan="3"><form action="#search"><input type="text" style="background-color:#CCCCCC"></form></td>
</tr>
</table>
</div>

<!-- nav -->
<div id="ads">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="rostelecom.jpg" width="100" height="100" alt="" /></td>
<td><img src="rostelecom.jpg" width="100" height="100" alt="" /></td>
<td><img src="rostelecom.jpg" width="100" height="100" alt="" /></td>
</tr>
</table>
</div>

</div>

</body>
</html>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 993 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
3 kolyas 1581 12.5.2020, 21:24
автор: kolyas
Открытая тема (нет новых ответов) Правила обертывание блоков
1 sergei_burg 5588 17.10.2016, 19:34
автор: -Degradator-
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5463 29.9.2016, 17:53
автор: -RedEclipse-


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:49
Дизайн