Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, пожалуйста!!!! / 20 сообщений из 20, страница 1 из 1
03.11.2008, 16:00
    #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
03.11.2008, 16:01
    #35632454
Надежда_86
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
это картинка как выглядит это в IE

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

Да о 6м....
...
Рейтинг: 0 / 0
03.11.2008, 19:29
    #35632720
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
У меня нету 6го ие. :(
Попробуйте в ксс добавить еще
html { padding: 0px; margin: 0px; border: none }
и в остальных местах попробовать добавить px. (Там где margin: 0)
...
Рейтинг: 0 / 0
03.11.2008, 19:48
    #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
03.11.2008, 19:49
    #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
03.11.2008, 20:00
    #35632741
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
к сожалению мыслей у меня нету ( я в верстке не силен.
ИЕ - это ужос, тем более 6й. (хотя в 7м у меня работает)
надо подождать пока в тему заглянут компетентные люди ( illion например), думаю подскажут.
...
Рейтинг: 0 / 0
03.11.2008, 20:03
    #35632744
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
Хе-хе, а думаю, что она в первую очередь из-за формата поста топикстартера отругает.
...
Рейтинг: 0 / 0
03.11.2008, 20:15
    #35632747
Надежда_86
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
ShSergeХе-хе, а думаю, что она в первую очередь из-за формата поста топикстартера отругает.


Почему отпугивает?
...
Рейтинг: 0 / 0
03.11.2008, 20:21
    #35632749
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
Надежда_86Почему отпугивает?
Я написал "отругает". Потому что исходник надо брать в скобки src. Как раз в течение нескольких дней она по этому поводу в ОНС (обсуждение нашего сайта) разбиралась.
...
Рейтинг: 0 / 0
03.11.2008, 20:43
    #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
03.11.2008, 21:09
    #35632778
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
А, блин ... смотрел, смотрел, потом только дошло: верхний height не будет 2px, так как минимум для блочных элементов еще привязан к размеру шрифта, который по умолчанию, если мне не изменяет память, составляет 9pt. Для этого можно попробовать установить размер шрифта в 1-2px (но вроде по памяти это не будет работать в Опере) либо сделать overflow:hidden, что будет более кроссбраузерно.
...
Рейтинг: 0 / 0
03.11.2008, 21:15
    #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
03.11.2008, 21:19
    #35632788
Надежда_86
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
IDVsbruck как вы сказали тоже работает!!!
Спасибо огромное!!
Значит правильнее overflow:hidden делать?
...
Рейтинг: 0 / 0
03.11.2008, 23:30
    #35632884
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
Я затрудняюсь ответить, так как никогда не подгонял под Оперу, но вроде Опера не поддерживает установку малых шрифтов (тем более 0 пикселов), но, с другой стороны, она поддерживает точную установку высоты для блочного элемента. Поэтому оба варианта могут быть валидными и рабочими, хотя я бы поостерегся ставить 0px ...
Но, повторюсь, по поводу инфы по Опере я не уверен и говорю то, что вроде где-то проскакивало и отлеглось в памяти.
...
Рейтинг: 0 / 0
03.11.2008, 23:42
    #35632892
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, пожалуйста!!!!
ИЕ7 по моим последним опытам мало чем отличается по установке дизайна от ФФ, видимо, подогнали больше под стандарты W3c. Так что, думаю, можно не очень беспокоиться.

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

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



Спасибо, Большое!!!!
...
Рейтинг: 0 / 0
04.11.2008, 16:27
    #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
07.11.2008, 00:13
    #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
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, пожалуйста!!!! / 20 сообщений из 20, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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