ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по верстке
13 сообщений из 13, страница 1 из 1
Вопрос по верстке
    #36581584
zion03
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zion03
Гость
Посоветуйте, как правильно решить такую задачу.
Есть 2 блока:
-левый;
-центральный (контент),
следование блоков горизонтальное.
Если левый блок пропадает, нужно растянуть центральный на всю ширину страницы.
Сейчас реализовал так, задал фиксированную ширину для левого блока, а для центрального отступ с лева на ширину левого блока+отступ.
Что-то на чистом html в голову ничего не приходит, можно так сделать без внедрения Javascript'a?
...
Рейтинг: 0 / 0
15.04.2010, 23:56:43
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581681
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а что, если левый блок скрывать так
Код: plaintext
1.
display:none;
тогда ж центральный ваш будет растягиваться
...
Рейтинг: 0 / 0
16.04.2010, 07:47:57
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581697
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
EmilRegisтогда ж центральный ваш будет растягиваться
Нет не будет... Т.к. автор сдела вот как

zion03Сейчас реализовал так, задал фиксированную ширину для левого блока, а для центрального отступ с лева на ширину левого блока+отступ .
Поэтому если левый и исчезнет... То отступ-то все равно останется.
...
Рейтинг: 0 / 0
16.04.2010, 08:24:20
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581704
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
ну дак он так сделал, потому что не знал как стилями задать...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<html>
<head>
<style type='text/css'>
.left{
	border:1px solid blue;
	background-color: red;
	float:left;
	width: 40 %;
}
.right{
	border 1px solid black;
	background-color: orange;
	
}
</style>
</head>
<body>
<div class="left" onclick="this.style.display = 'none';"> 132123 </div>
<div class="right">asdads</div>
</body>
</html>
работает вроде)
...
Рейтинг: 0 / 0
16.04.2010, 08:30:16
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581711
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
zion03Если левый блок пропадает, нужно растянуть центральный на всю ширину страницы.
...
можно так сделать без внедрения Javascript'a?
А левый блок "пропадает" как-то сам по себе?
...
Рейтинг: 0 / 0
16.04.2010, 08:32:51
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581713
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
EmilRegisработает вроде)
Вот именно что "вроде".

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<head>
<style type='text/css'>
.left{
	border:1px solid blue;
	background-color: red;
	float:left;
	width: 40 %;
	height: 100px;
}
.right{
	border 1px solid black;
	background-color: orange;
	height: 200px;
	
}
</style>
</head>
<body>
<div class="left" onclick="this.style.display = 'none';"> 132123 </div>
<div class="right">asdads</div>
</body>
</html>

Теперь понял почему он делал отступ у контента?
...
Рейтинг: 0 / 0
16.04.2010, 08:36:30
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581714
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
кстати, krvsa, почему в firefox если задать фиксированную ширину для обоих блоков, то правый блок как бы подкладывается под левый?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<head>
<style type='text/css'>
.left{
	border:1px solid blue;
	background-color: red;
	float:left;
	width:200px;
	opacity: 0 . 6 
}
.right{
	border 1px solid black;
	background-color: blue;
	width:500px;
}
</style>
</head>
<body>
<div class="left" onclick="this.style.display = 'none';"> 132123 </div>
<div class="right">asdads</div>
</body>
</html>
вот в этом примере ширина правого будет 500px- от края экрана...это видно невооружённым глазом))) и в том числе, если поставить левому блоку прозрачность
...
Рейтинг: 0 / 0
16.04.2010, 08:37:42
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581715
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а, ну вот и я о том же)))
...
Рейтинг: 0 / 0
16.04.2010, 08:39:01
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581718
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
EmilRegisпочему в firefox если задать фиксированную ширину для обоих блоков, то правый блок как бы подкладывается под левый?
Начнем с того что это не только в ФФ, а еще и в Опере, Хроме... Возможно что только ИЕ рисует такие блоки "рядом".

На вопрос "почему?", ответ можно дать примерно такой - потому как не противоречит спецификации...
...
Рейтинг: 0 / 0
16.04.2010, 08:41:45
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36581721
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
zion03Что-то на чистом html в голову ничего не приходит, можно так сделать без внедрения Javascript'a?
Таблички тебе помогут.
...
Рейтинг: 0 / 0
16.04.2010, 08:44:00
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36582418
zion03
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zion03
Гость
ничего не получается, написал
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
#left_side {
  border:1px #EBD99C solid;
  float:left;
  width: 220px;
  height: 100 %;
  padding:10px;
  margin:5px;
  background: #F1F6FE url(../images/side_bg.gif) bottom left repeat-x;
}

#content {
  padding:8px;
  margin-top: 5px;
  margin-bottom: 0px;
    }

И контент почему-то не обтекает левый блок, а проваливается под него.
...
Рейтинг: 0 / 0
16.04.2010, 13:49:25
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36582512
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
мы ж это и обсуждали...так попробуйте
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<head>
<dcript>
function del(el){
	el.parentNode.deleteCell( 0 ) ;
}
</script>
</head>
<body>
<table id="asd"><tbody><tr ><td onclick="del(this);"> 123123123 </td><td>asdasdad</td></tr></tbody></table>
</body>
</html>
...
Рейтинг: 0 / 0
16.04.2010, 14:16:49
| Ответить | Цитировать | Написать  
Вопрос по верстке
    #36582600
zion03
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zion03
Гость
Вобщем всем спасибо, решил сделать таблицами.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<table align="left" cellpadding="0" cellspacing="0" width= 100 % border="0">
    <tr>
      <td  valign="top" >
            <!-- left side block start-->
         <? if (isset($left_side)) echo $left_side; ?>
            <!-- left side block start end--> 
        </td>    
         <td  valign="top" width="100%">
              <!--zContent--> 
          <div id="content">

               <? if (isset($bread_crumbs)) echo $bread_crumbs; ?>  

           
          <? if (isset($content)) echo $content; ?>
     
          </div>
              <!-- end content-->
           </td></tr></table>
...
Рейтинг: 0 / 0
16.04.2010, 14:46:01
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по верстке
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36582600&tid=1453223]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 215ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 233ms
total:  526ms
созд. / загр.: 526ms
x
x
Закрыть


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