Помогите с шириной!

Glebr · March 18, 2009

Так вот, у меня изменяется вроде как ширина центрального блока(основной контент) Помогите пожалуйста! Уже как пол месяца не могу понять в чём дело! Огромное спасибо!

Вот код CSS

body {
	scrollbar-3d-light-color: black;
scrollbar-arrow-color: 333333;
scrollbar-base-color: 333333;
scrollbar-dark-shadow-color:black;
scrollbar-face-color: #ccffcc;
scrollbar-highlight-color: white;
scrollbar-shadow-color: black;
scrollbar-track-color: #77bbff; 
background-color : #77bbff;
}



.textg{
	font-family: 'Verdana', 'Tahoma Verdana ';
	font-size:9pt;
	font-style:italic;
	font-weight: 100;
	font-variant:small-caps;
}

.textm{
	font-family: 'Arial', 'Tahoma Verdana ';
	font-size:11pt;
	font-style:italic;
	font-weight: 100;
	font-variant:normal;

}


div a.class1 {

	color: #333333;
	/* Цвет обычной ссылки */
	/* Убираем подчеркивание у ссылок */
	outline: none;
	text-decoration: none;
	/* убираем подчеркивание */
	color: #111111;
	/* цвет текста */
	padding: 0px;
	background-color: #eeffff;
	/* фоновый цвет */
	border: solid 1px #555555;
	/* рамка */
	float: left;
	width: 148;
	text-align : left;
}

 div a:hover.class1 {

	text-decoration: none;
	/* убираем подчеркивание */
	color: #111111;
	/* цвет текста */
	padding: 0px;
	background-color: #ccffcc;
	/* фоновый цвет */
	border: solid 1px #555555;
	/* рамка */
	width:147;
	border-right : solid 4px #555555;
	float: left;
}


#container {
	width:870;
	/* Ширина слоя */
	margin-right: auto;
	/* Отступ справа */
	margin-left: auto;
	/* Отступ слева */
	background-color:ccc;
	height:1050;
	margin-bottom : 3px;
	padding-bottom : 3px;
}




#position1{
	/* Этот слой накладывается поверх */
	position: relative;
	/* Относительное позиционирование */
	left:0px;
	/* Положение от левого края */
	top: 0px;
	/* Положение от верхнего края */
	width: 140px;
	/* Ширина правой колонки */
	height:100%;

	background-image: url(fon1.jpg);
	/* Цвет фона */
	color: #000;
	/* Цвет текста */
	border: 1px solid gray;
	margin-left : 0px;
	margin-right: 2px;
	float: left;

}






	#position3{
	/* Этот слой накладывается поверх */
	position: relative;
	/* Относительное позиционирование */
	left:0px;
	/* Положение от левого края */
	top: 0px;
	/* Положение от верхнего края */
	width: 711px;
	/* Ширина правой колонки */
	height: 100%;
	background-image: url(fon1.jpg);
	/* Цвет фона */
	color: #000;
	/* Цвет текста */
	border: 1px solid gray;
	float: left;
	margin-bottom : 2px;
	margin-left: 0px;
}	




		#position2{
	/* Этот слой накладывается поверх */

	position: relative;

	width:865;
	/* Ширина слоя */
	margin-right: auto;
	/* Отступ справа */
	margin-left: auto;
	/* Отступ слева */
	background-color:white;
	height:40;
	float: left;
	border: 1px solid gray;
}



div p.class3{
	width: 706px;
	height: px;
	background-color:;
}

div p.class4{
	width: px;
	height: px;
	background-color:;
	text-align: center;
	margin-top:0px;
}

A вот HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link href="index.files/styles.css" rel="stylesheet" type="text/css"> 
	<title> <::Главная страница::> </title>
</head>

<body>

<div align="center">
<div id="container">




<div id="position1">
<p class="textm">

<a href="index.html" class=class1> Главная </a> <br>
<a href="" class=class1> Новости </a><br>
<a href="" class=class1> Мероприятия </a> <br>
<a href="" class=class1> Медиа-файлы </a> <br>
<a href="about.html" class=class1> О сайте </a> <br>

<hr width="80">
Расписание
<table border="1">
<tr>
<td width=60>
1 gfhgf
</td>
<td width=60>
8:30
</td>
</tr>
<tr>
<td width=60>
sdf
</td>
<td width=60>
sdf
</td>
</tr>

</table>


</div>

<div id="position3">
<p class="textm">
<p align="left" class="class3">
Добро пожаловать на сайт!
</p>





</div>





<div id="position2">
<p class="textg">

<p align="left" class="class4">
Version 1.0 Demo   © 2009



</div>

</body>
</html>

klierik · March 19, 2009

ам.. выложите пример в интернет

Glebr · March 19, 2009

ам.. выложите пример в интернет

Пожалуйста!-

http://www.glebresh.narod.ru/sch.html

Justnewone · March 23, 2009

Декорированную полосу прокрутки, кажется, только IE отображает, или OPERA.

Чет как будто с похмелья сделано, с разных кусков собрано, чтоли...

Glebr · March 23, 2009

Декорированную полосу прокрутки, кажется, только IE отображает, или OPERA.
Чет как будто с похмелья сделано, с разных кусков собрано, чтоли...

да я просто лишнее ещё не удалял. Вы лучше подскажите чего делать то

Justnewone · March 23, 2009

да я просто лишнее ещё не удалял. Вы лучше подскажите чего делать то

ну тогда поточней бы проблему описать. Открываю разными браузерам, вроде все конечно не одинаково , но не про ширину

Glebr · March 23, 2009

ну тогда поточней бы проблему описать. Открываю разными браузерам, вроде все конечно не одинаково , но не про ширину

Как это всё не одинаково?!

А про ширину: в IE ширина центрального блока другая, чем в др браузерах(короче футер не по одной линии справа от основного блока)

3ABAPKA · March 24, 2009

1. Ты забыл закрыть один из дивов, скорее всего <div align="center">

2. Верстай как здесь http://www.dynamicdrive.com/style/layouts/category/C10/

Glebr · March 24, 2009

1. Ты забыл закрыть один из дивов, скорее всего <div align="center">
2. Верстай как здесь http://www.dynamicdrive.com/style/layouts/category/C10/

див я закрыл-не помогает. тут дело в другом...

а по макету не хочу- долго всё переделывать да и малость не такие как надо

Justnewone · March 24, 2009

див я закрыл-не помогает. тут дело в другом...
а по макету не хочу- долго всё переделывать да и малость не такие как надо

Может помочь, быстро и разнообразно.

Генератор шаблона 1–3 колонки (X)HTML+CSS (искать в гугле)

Glebr · March 24, 2009

Может помочь, быстро и разнообразно.
Генератор шаблона 1–3 колонки (X)HTML+CSS (искать в гугле)

Спасибо! Сайтик помог(генератор)

Но всёже, из-зи чего ж не хотели браузеры одинаково отображать страницу? :rolleyes:

Sign In

Помогите с шириной!

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information