• Страница 1 из 1
  • 1
border + высота
numb
Дата: Четверг, 24.06.2010, 23:36 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
Вобщем создал див, шириной 1px и бордером. Высоту подогнал под свой размер экрана. При изменении размера экрана див соответственно остается при неизменной высоте. Футер как бы уезжает. Значение стоит в пикселях. В процентах ставиться не хочет. Тупо пропадает всё.

Теперь с кодами и картинками.
В html:

Code
<div style="width:1px;height:517px;color:#000;border-left:1px dashed;" id="sideRight">

В css:
Code
#sideRight {float:left;width:1px;height:100%;margin-left:-62%;position:relative;}

Теперь картинки:
1152 х 864 (Так должно быть на всех разрешениях.)

1024 х 768 (То, что требуется исправить.)

Из скрина видно, что border как бы удлинился вниз. Надеюсь, понятно обьяснил. Прошу помочь.

  
UnderShot
Дата: Четверг, 24.06.2010, 23:44 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
numb, к тому блоку, где находятся голубой и белый блок, добавь стиль
Code
overflow:hidden


Очень важная тема!
Filmzona — онлайн фильмы.
  
numb
Дата: Четверг, 24.06.2010, 23:49 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
UnderShot, не то..
  
UnderShot
Дата: Пятница, 25.06.2010, 00:07 | Сообщение # 4
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
numb, я на 100% уверен, что то.

Очень важная тема!
Filmzona — онлайн фильмы.
  
numb
Дата: Пятница, 25.06.2010, 08:50 | Сообщение # 5
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
UnderShot, вот сайт. Если не сложно - объясни дураку мне что и как ;)
  
Slimmi
Дата: Пятница, 25.06.2010, 09:32 | Сообщение # 6
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
numb, ты что хочешь чтобы бордер разделял два блока?

Большие фотостатусы
  
numb
Дата: Пятница, 25.06.2010, 09:33 | Сообщение # 7
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
Quote (Slimmi)
numb, ты что хочешь чтобы бордер разделял два блока?

Нет, чтобы он был только до футера при любом расширении экрана.
  
Slimmi
Дата: Пятница, 25.06.2010, 09:51 | Сообщение # 8
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
numb, ну вот экспериментируй
Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8;charset=utf-8' />
<title>Test</title>
</head>
<body>
<style>
html, body{margin:0;padding:0;}
#wrapper{margin:0 auto;padding:0;overflow:hidden;width:800px}
  #header{height:100px;background:blue}
  #rightBlock{float:right;width:525px;background:grey}
  #leftBlock{float:left;margin:0;padding:0 15px 0 0;border-right:1px dashed black;width:250px;}
  #footer{height:100px;background:blue}
</style>
<div id='wrapper'>
  <div id='header'>
  </div>
  <div style='overflow:hidden;'>
  <div id='rightBlock'>
  Content: Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. Сделать бесплатный сайт с uCoz
  </div>
  <div id='leftBlock'>
  Left Sidebar: Integer velit. Vestibulum nisi nunc, accumsan ut, vehicula sit amet, porta a, mi. Nam nisl tellus, placerat eget, posuere eget, egestas eget, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elementum urna a eros. Integer iaculis. Maecenas vel elit.
  Left Sidebar: Integer velit. Vestibulum nisi nunc, accumsan ut, vehicula sit amet, porta a, mi. Nam nisl tellus, placerat eget, posuere eget, egestas eget, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elementum urna a eros. Integer iaculis. Maecenas vel elit.
  </div>
  </div>
  <div id='footer'>
  </div>
</div>
</body>
</html>


Большие фотостатусы
  
numb
Дата: Пятница, 25.06.2010, 10:06 | Сообщение # 9
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
Slimmi, Спасибо, после твоего ответа я понял о чем говорил UnderShot. Спасибо, парни.
  
numb
Дата: Пятница, 25.06.2010, 10:10 | Сообщение # 10
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
Но все же остался один вопрос. Почему высота не выставляется в процентах?
  
UnderShot
Дата: Пятница, 25.06.2010, 10:42 | Сообщение # 11
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
numb, для начала нужно прописать
Code
html,body{width:100%;height:100%}

/* потом */
#yourElement{min-height:100%;height:auto!important;height:100%}
Лично у меня эти извращения работают.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Slimmi
Дата: Пятница, 25.06.2010, 11:20 | Сообщение # 12
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Quote (UnderShot)
Лично у меня эти извращения работают.

у мну тоже :)


Большие фотостатусы
  
numb
Дата: Пятница, 25.06.2010, 12:34 | Сообщение # 13
молчун
Группа: Проверенные
Пользователь №: 1024
Сообщений: 19
Получено оценок: 2
Как быть с IE? Ему на overflow, грубо говоря, похрену.
  
UnderShot
Дата: Пятница, 25.06.2010, 12:49 | Сообщение # 14
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
numb,
Code
<div>
<div id='rightBlock'></div>
<div id='leftBlock'></div>
<div style='clear:both'></div>
</div>


Очень важная тема!
Filmzona — онлайн фильмы.
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.