powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, пожалуйста!!!!
20 сообщений из 20, страница 1 из 1
Помогите, пожалуйста!!!!
    #35632451
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Здравствуйте, помоги, пожалуйста.
Имеется css файл:


html{
height: 100%;
}
body{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #FFFFFF;
height: 100%;
}
#wrapper {
margin: 0 auto;
width: 880px;
}
#header {
width: 870px;
height: 2px;
margin: 0px;
background: url("/images/top_line.jpg") no-repeat;
}
#leftcolumn {
float:left;
background: url("/images/gradient_left.jpg") repeat-y;
margin:0;
height:133px;
width:35px;
}
#content {
float:left;
background:#0795bd;
margin:0;
height:133px;
width:802px;
display:inline;
}
#rightcolumn {
background:url("/images/gradient_right.jpg") repeat-y;
margin: 0;
height:133px;
width: 35px;
float: left;
}



html файл :


<!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" xml:lang="ru" lang="ru">
<head>
<title>ГИС </title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
</div>
<!-- End Header -->
<!-- Begin Left Column -->
<div id="leftcolumn">
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="content">
</div>
<!-- End Content Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
</div>
<!-- End Right Column -->
</div>
<!-- End Wrapper -->


Вот во всех браузерах типа Mozilla, Opera, NetscapeBNavigator все работает отлично
а в IE вообще появляется вверху отступ

Просто очень надо чтобы везде одинаково было..
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632454
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
это картинка как выглядит это в IE

А вот как в Mozilla:
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632675
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ИЕ7 отступа не вижу.
Или речь идет о 6м ИЕ?
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632690
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ps-spectreИЕ7 отступа не вижу.
Или речь идет о 6м ИЕ?

Да о 6м....
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632720
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У меня нету 6го ие. :(
Попробуйте в ксс добавить еще
html { padding: 0px; margin: 0px; border: none }
и в остальных местах попробовать добавить px. (Там где margin: 0)
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632731
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ps-spectreУ меня нету 6го ие. :(
Попробуйте в ксс добавить еще
html { padding: 0px; margin: 0px; border: none }
и в остальных местах попробовать добавить px. (Там где margin: 0)


добавила... не помогло....

Еще пробовалпа добавить display:inline; в слой
Код: plaintext
1.
2.
3.
4.
5.
6.
#header {
	width: 870px;
	height: 2px;
	margin: 0px;
	background: url("/images/top_line.jpg") no-repeat;
display:inline;
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632732
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Надежда_86Ps-spectreУ меня нету 6го ие. :(
Попробуйте в ксс добавить еще
html { padding: 0px; margin: 0px; border: none }
и в остальных местах попробовать добавить px. (Там где margin: 0)


добавила... не помогло....

Еще пробовалпа добавить display:inline; в слой
Код: plaintext
1.
2.
3.
4.
5.
6.
#header {
	width: 870px;
	height: 2px;
	margin: 0px;
	background: url("/images/top_line.jpg") no-repeat;
display:inline;



отправила не дописав...
тогда все работает в IE но больше нигде не работает!!!!
Это какой то кошмар......
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632741
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
к сожалению мыслей у меня нету ( я в верстке не силен.
ИЕ - это ужос, тем более 6й. (хотя в 7м у меня работает)
надо подождать пока в тему заглянут компетентные люди ( illion например), думаю подскажут.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632744
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Хе-хе, а думаю, что она в первую очередь из-за формата поста топикстартера отругает.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632747
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeХе-хе, а думаю, что она в первую очередь из-за формата поста топикстартера отругает.


Почему отпугивает?
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632749
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Надежда_86Почему отпугивает?
Я написал "отругает". Потому что исходник надо брать в скобки src. Как раз в течение нескольких дней она по этому поводу в ОНС (обсуждение нашего сайта) разбиралась.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632759
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeНадежда_86Почему отпугивает?
Я написал "отругает". Потому что исходник надо брать в скобки src. Как раз в течение нескольких дней она по этому поводу в ОНС (обсуждение нашего сайта) разбиралась.


Ой... я поняла, я у меня уже просто крыша едет....

надо было вот так:

Здравствуйте, помоги, пожалуйста.
Имеется css файл:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
 

html{
height:  100 %;
}
body{
margin:  0 ;
padding:  0 ;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #FFFFFF;
height:  100 %;
}
#wrapper {
margin:  0  auto;
width: 880px;
}
#header {
width: 870px;
height: 2px;
margin: 0px;
background: url("/images/top_line.jpg") no-repeat;
}
#leftcolumn {
float:left;
background: url("/images/gradient_left.jpg") repeat-y;
margin: 0 ;
height:133px;
width:35px;
}
#content {
float:left;
background:#0795bd;
margin: 0 ;
height:133px;
width:802px;
display:inline;
}
#rightcolumn {
background:url("/images/gradient_right.jpg") repeat-y;
margin:  0 ;
height:133px;
width: 35px;
float: left;
}


html файл :

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!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" xml:lang="ru" lang="ru">
<head>
<title>ГИС </title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
</div>
<!-- End Header -->
<!-- Begin Left Column -->
<div id="leftcolumn">
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="content">
</div>
<!-- End Content Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
</div>
<!-- End Right Column -->
</div>
<!-- End Wrapper -->

Вот во всех браузерах типа Mozilla, Opera, NetscapeBNavigator все работает отлично
а в IE вообще появляется вверху отступ

Просто очень надо чтобы везде одинаково было..
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632778
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А, блин ... смотрел, смотрел, потом только дошло: верхний height не будет 2px, так как минимум для блочных элементов еще привязан к размеру шрифта, который по умолчанию, если мне не изменяет память, составляет 9pt. Для этого можно попробовать установить размер шрифта в 1-2px (но вроде по памяти это не будет работать в Опере) либо сделать overflow:hidden, что будет более кроссбраузерно.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632785
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckА, блин ... смотрел, смотрел, потом только дошло: верхний height не будет 2px, так как минимум для блочных элементов еще привязан к размеру шрифта, который по умолчанию, если мне не изменяет память, составляет 9pt. Для этого можно попробовать установить размер шрифта в 1-2px (но вроде по памяти это не будет работать в Опере) либо сделать overflow:hidden, что будет более кроссбраузерно.

я добавила font-size: 0px;
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
#header {
	width: 870px;
	height: 2px;
	margin: 0px;
	background: url("/images/top_line.jpg") no-repeat;
       font-size: 0px;


И вроде все работает. Интересно а в IE7 работает?
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632788
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruck как вы сказали тоже работает!!!
Спасибо огромное!!
Значит правильнее overflow:hidden делать?
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632884
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я затрудняюсь ответить, так как никогда не подгонял под Оперу, но вроде Опера не поддерживает установку малых шрифтов (тем более 0 пикселов), но, с другой стороны, она поддерживает точную установку высоты для блочного элемента. Поэтому оба варианта могут быть валидными и рабочими, хотя я бы поостерегся ставить 0px ...
Но, повторюсь, по поводу инфы по Опере я не уверен и говорю то, что вроде где-то проскакивало и отлеглось в памяти.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35632892
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ИЕ7 по моим последним опытам мало чем отличается по установке дизайна от ФФ, видимо, подогнали больше под стандарты W3c. Так что, думаю, можно не очень беспокоиться.

Для того, чтобы посмотреть, как выглядит в других браузерах, можно найти специальные сайты, где, задав ссылку и необходимый браузер, можно получить скриншот экрана - как минимум. Как максимум - спецбраузеры (возможно, надстройки), которые умеют показывать страницы с учетом специфики нужного браузера - точно как в требуемом.
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35633160
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckИЕ7 по моим последним опытам мало чем отличается по установке дизайна от ФФ, видимо, подогнали больше под стандарты W3c. Так что, думаю, можно не очень беспокоиться.

Для того, чтобы посмотреть, как выглядит в других браузерах, можно найти специальные сайты, где, задав ссылку и необходимый браузер, можно получить скриншот экрана - как минимум. Как максимум - спецбраузеры (возможно, надстройки), которые умеют показывать страницы с учетом специфики нужного браузера - точно как в требуемом.



Спасибо, Большое!!!!
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35633542
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кстати, случайно такую ссылку надыбал: browsershots.org - задается адрес, а потом в порядке очереди получаются скриншоты.
Для одной только Винды неплохой ассортимент браузеров (о некоторых даже не слышал):
Avant 11.7
Chrome 0.2, 0.3
Firefox 1.5, 2.0, 3.0
Flock 1.0, 1.1, 1.2, 2.0
K-Meleon 1.1, 1.5
Minefield 3.1
MSIE 4.0, 5.0, 5.5, 6.0, 7.0, 8.0
Navigator 9.0
Opera 7.11, 8.53, 9.23, 9.24, 9.25, 9.26, 9.27, 9.50, 9.51, 9.52, 9.60, 9.61, 9.62
Safari 3.0, 3.1
SeaMonkey 1.1, 2.0
Shiretoko 3.1
...
Рейтинг: 0 / 0
Помогите, пожалуйста!!!!
    #35638882
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckКстати, случайно такую ссылку надыбал: browsershots.org - задается адрес, а потом в порядке очереди получаются скриншоты.
Для одной только Винды неплохой ассортимент браузеров (о некоторых даже не слышал):
Avant 11.7
Chrome 0.2, 0.3
Firefox 1.5, 2.0, 3.0
Flock 1.0, 1.1, 1.2, 2.0
K-Meleon 1.1, 1.5
Minefield 3.1
MSIE 4.0, 5.0, 5.5, 6.0, 7.0, 8.0
Navigator 9.0
Opera 7.11, 8.53, 9.23, 9.24, 9.25, 9.26, 9.27, 9.50, 9.51, 9.52, 9.60, 9.61, 9.62
Safari 3.0, 3.1
SeaMonkey 1.1, 2.0
Shiretoko 3.1


Я тоже сразу же на неё наткнулась!!))) Но все равно спасибо за помощь!!!
...
Рейтинг: 0 / 0
20 сообщений из 20, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, пожалуйста!!!!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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