Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » блочная верстка часть хз кк

Ответить
Настройки темы
блочная верстка часть хз кк

Аватара для E-mail

Ветеран


Сообщения: 640
Благодарности: 2

Профиль | Сайт | Отправить PM | Цитировать

есть проблемка вот в этом коде, если в ie сузить окно до 300 px то с колонкой right происходит полная хрень она растягивается, это наблюдается только под осла, под ff и opery все как надо, ктонибудь сталкивался с подобным, знает как решить?

Код: Выделить весь код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<style>
body
{
	margin: 0px;
	padding: 0px;
}
p
{
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
}

#top
{
	margin-top:	0px;
	margin-right:	40px;
	margin-bottom:	0px;
	margin-left:	20px;
	
	padding:	10px;
	
	border-width:	5px;
	border-style:	solid;
	border-color:	red;
	
	height:		70px;
}
#center
{
	overflow:	hidden;
	
	margin-top:	0px;
	margin-right:	40px;
	margin-bottom:	0px;
	margin-left:	20px;
	
	padding:	0px;
	
	border-width:	5px;
	border-style:	solid;
	border-color:	green;
	
	height:		100%;
}
#left
{
	float:		left;

	margin-top:	0px;
	margin-right:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	
	padding:	10px;
	
	border-width:	5px;
	border-style:	solid;
	border-color:	orange;
	
	width:		260px;
	height:		100%;
}
#right
{
	margin-top:	0px;
	margin-left:	290px;
	margin-bottom:	0px;
	margin-right:	0px;
	
	padding:	10px;
	
	border-width:	5px;
	border-style:	solid;
	border-color:	blue;
}
#bottom
{
	margin-top:	0px;
	margin-right:	40px;
	margin-bottom:	0px;
	margin-left:	20px;
	
	padding:	10px;
	
	border-width:	5px;
	border-style:	solid;
	border-color:	#ccc;
	
	height:		70px;
}
		</style>
	</head>
	<body scroll=auto>
		<div id=top>
			<p>top</p>
		</div>
		<div id=center>
			<div id=left>
				<p>left</p>
				<p>left</p>
				<p>left</p>
				<p>left</p>
				<p>left</p>
				<p>left</p>
				<p>left</p>
				<p>left</p>
			</div>
			<div id=right>
				<p>right</p>
				<p>right</p>
				<p>right</p>
				<p>right</p>
				<p>right</p>
				<p>right</p>
				<p>right</p>
				<p>right</p>
			</div>
		</div>
		<div id=bottom>
			<p>bottom</p>
		</div>
	</body>
</html>

-------
Основы HTML | Конференции

Отправлено: 23:16, 21-08-2006

 

Аватара для E-mail

Ветеран


Сообщения: 640
Благодарности: 2

Профиль | Сайт | Отправить PM | Цитировать

кстати говоря, если добавить еще несколько элементов в блок right или left под ie появляется горизонтальный скролбар, откуда и иззачего он берется непонимаю..

помогите избавится от страшного горизонтального скролбара под ie очень надо(((...

-------
Основы HTML | Конференции

Отправлено: 00:31, 22-08-2006 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для E-mail

Ветеран


Сообщения: 640
Благодарности: 2

Профиль | Сайт | Отправить PM | Цитировать

проблему скролбара по горизонтали решил, осталось раобраться с увеличением поля right идеи есть?

-------
Основы HTML | Конференции

Отправлено: 03:42, 22-08-2006 | #3


Пользователь


Сообщения: 67
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать

а почему ты все объявления css делаешь через id ???
может попробовать через class ???
id ведь должен быть уникальным, а class - нет

раз уж начал прописывать стили - иди до конца: сделай не
Код: Выделить весь код
<body scroll=auto>
а
Код: Выделить весь код
body
{
	margin: 0px;
	padding: 0px;
	overflow: auto ;
}
у right задано margin-left:290px;
это зачем???
ведь если у тебя right не влезает в ширину то все равно отступает слева 290px


далее у тебя для left задано: height: 100%;
это так надо???
для right ни ширины ни высоты - стало быть ширина 100% от того, что осталось, но не меньше ширины самого длинного слова

Отправлено: 10:29, 23-08-2006 | #4


Аватара для Prisoner

Engrossed by the Void


Сообщения: 2229
Благодарности: 60

Профиль | Отправить PM | Цитировать

Цитата:
проблему скролбара по горизонтали решил
И каким образом?

-------
Не могу дать более дельный совет - не хватает системных ресурсов...

Отправлено: 12:56, 23-08-2006 | #5


Аватара для E-mail

Ветеран


Сообщения: 640
Благодарности: 2

Профиль | Сайт | Отправить PM | Цитировать

VeshchiyOleg
http://forum.oszone.ru/thread-54706-all.html - это про scroll=auto

Цитата:
у right задано margin-left:290px;
это зачем???
ведь если у тебя right не влезает в ширину то все равно отступает слева 290px
если левая колонка меньше по высоте чем правая, то правая огибает левую снизу без отступа, (float:left; у left - посмотрите в коде)

насчет id поменять на классы - согласен, просто это был начальный черновой вариант, сейчас он уже намного видоизменился, единственно, так и не нашел способа как растянуть left и right от верхней до нижней границы center если контента в них мало


Prisoner
поставил body{width:97%} - дурацкое решение, но работает

-------
Основы HTML | Конференции

Отправлено: 18:05, 23-08-2006 | #6



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » блочная верстка часть хз кк

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Кросбраузерная верстка darksmoke Вебмастеру 1 03-01-2010 11:57
блочная верстка часть 2 (DIV) Vlad Drakula Вебмастеру 3 08-07-2006 13:26
блочная верстка часть 1 (DIV) Vlad Drakula Вебмастеру 33 08-07-2006 10:37
[решено] Глюк - часть DOS программ грузится в полном экране, часть в окне mrsao Microsoft Windows 2000/XP 3 26-05-2006 21:12
Верстка без таблиц NoOne Вебмастеру 12 08-06-2005 17:26


« Предыдущая тема | Следующая тема »


 
Переход