Jump to content
  • 0

Помогите пожалуйста.


NikNak
 Share

Question

Значит сделал я сайтик... ещё не запускал его в инет...

ну как смог так и сделал... конечно старался...

Но из этого мало что вышло :)

В Internet Explorer и в Opere (последних версий) всё нормально отображается,

а в долбанной мазиле всё наперекосяк :)

Я очень начинающий и без вашей помощи мне ошибку не обнаружить :).

новерно я начудил немало :unsure: , но я считаю что фаерфокс мог бы извиниться.

Я же всё-таки старался. Помогите подкорректировать код:


<style type="text/css">
BODY{
margin: 0; /* Убираем отступы */
padding: 0; /* Убираем поля */
background-image: url("imeg/disc.gif"); /* Путь к графическому файлу */
background-position: right bottom; /* Положение фона */
background-repeat: repeat; /* Повторяем фон */
}
#head{ /* Верхний блок */
}
#container{
width: 900px; /* Минимальная ширина контейнера */
height: 100px;
border-left: 5px groove white;
border-right: 5px ridge white;
margin-left: 14%; /* Отступ слева */
width: 900px; /* Ширина слоя */
background: #ffffff; /* Цвет фона */
}
#1{
width: 750px;
height: 200px;
max-height: 200px;
}
#2{
width: 200px;
height: 300px;
max-height: 300px;
}
#3{
position: absolute; /* Абсолютное позиционирование */
left: 14,5%; /* Положение левого края */
width: 200px;
height: 300px;
max-height: 300px;
border: 2px solid white;
font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт */
font-weight: bold; /* Жирное начертание текста заголовка */
font-size: 90%; /* Размер шрифта */
}
#4{
position: relative; /* Относительное позиционирование */
left: 208px; /* Положение левого края */
width: 690px;
height: 300px;
}
#5{
background: Bisque ; /* Цвет фона */
border-bottom: 2px solid FF6600;
}
#6{
position: absolute; /* Абсолютное позиционирование */
right: 0%; /* Положение левого края */
width: 200px;
height: 300px;
border: 2px solid white;
}
#7{
background: Bisque ; /* Цвет фона */
border-bottom: 2px solid FF6600;
}
#8{
position: relative; /* Относительное позиционирование */
width: 480px;
height: 300px;
border: 2px solid white;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: bold;
}
#9{
border-bottom: 2px solid white;
font-family: Arial, sans-serif;
font-size: x-small;
font-weight: bold;
line-height: 1.5;
padding: 5px; /* Убираем поля */
}

#10{
position: absolute; /* Абсолютное позиционирование */
left: 14,5%; /* Положение левого края */
width: 200px;
height: 300px;
max-height: 300px;
border: 2px solid white;
background: Bisque ; /* Цвет фона */
}
#11{
position: relative; /* Относительное позиционирование */
left: 208px; /* Положение левого края */
width: 690px;
height: 300px;
}
#12{
background: Bisque ; /* Цвет фона */
border-bottom: 2px solid FF6600;
}
#13{
position: absolute; /* Абсолютное позиционирование */
right: 0%; /* Положение левого края */
width: 200px;
height: 300px;
border: 2px solid white;
background: Bisque ; /* Цвет фона */
}
#14{
background: Bisque ; /* Цвет фона */
border-bottom: 2px solid FF6600;
}
#15{
position: relative; /* Относительное позиционирование */
width: 480px;
height: 300px;
border: 2px solid white;
}
#16{
background: white;
border-bottom: 2px solid white;
}

TABLE {
width: 470px; /* Ширина таблицы */
border: 1px solid black; /* Рамка вокруг таблицы */
border-bottom: none; /* Убираем линию снизу */
border-left: none;
border-right: none;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 1.5;
padding: 5px;
}

TD, TH {
padding: 3px; /* Поля вокруг содержимого ячеек */
}

TH {
text-align: left; /* Выравнивание по левому краю */
background: Bisque; /* Цвет фона */
color: Black; /* Цвет текста */
border: 1px solid Black; /* Рамка вокруг ячеек */
}

TD {
border-bottom: 1px solid black; /* Линия снизу */
}

UL {
list-style-image: url('imeg/L.gif'); /* Путь к рисунку для установки маркера */
list-style-position: inside; /* Маркер обтекается текстом */
}

A:link {
text-decoration: none;
}
A:visited {
text-decoration: none;
}
A:active {
text-decoration: none;
}
A:hover {
text-decoration: underline overline; /* Ссылка подчеркнутая и надчеркнутая */
color: red; /* Цвет ссылки */
}

A IMG {
border: none; /* Убираем границу */
}

#niz{
width: 900px; /* Минимальная ширина контейнера */
height: 100px;
background: #сссссс; /* Цвет фона */
}

p {
text-indent: 20px; /* Отступ первой строки в пикселах */
}

H3 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Рубленый шрифт заголовка */
}

</style>

Помогите пожжжалуйста :)

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

дык это... голый css - это не информативно совершенно. давайте или полный код страницы, или ссылку на страницу.

то, что видно на первый взгляд:

в CSS2 имена классов и идентификаторов нельзя начинать с цифры. и мозилла это сечет и не отрабатывает нормально (т. е. она как раз не долбанная, она по стандарту работает :unsure: ). переименуйте все свои айдишники.

Edited by kalyaka-malyaka
Link to comment
Share on other sites

  • 0
В Internet Explorer и в Opere (последних версий) всё нормально отображается,

а в долбанной мазиле всё наперекосяк angry.gif

:) мда, обычно наоборот, в IE ниче не пашет.

И что именно не работает???

Edited by sandro-css
Link to comment
Share on other sites

  • 0

Здравствуйте! С Новым годом!

Ребята, у меня та же проблема. Делаю сайт, в Internet Explorer и в Opere все нормально отображается, а вот в Фаефоксе у меня окно с прокруткой съезжает ((( Как с этим бороться?

У кого стоят эти браузеры могут сами посмотреть: www.ak-advocatus.ru Страницы Intro и Адвокат.

Как бороться?

Edited by Тамрико
Link to comment
Share on other sites

  • 0
Здравствуйте! С Новым годом!

Ребята, у меня та же проблема. Делаю сайт, в Internet Explorer и в Opere все нормально отображается, а вот в Фаефоксе у меня окно с прокруткой съезжает ((( Как с этим бороться?

У кого стоят эти браузеры могут сами посмотреть: www.ak-advocatus.ru Страницы Intro и Адвокат.

Как бороться?

у вас много ошибок в коде. все-таки нужно в процессе разработки несколько раз проверять работу валидатором.

главное:

1. у вас нет доктайпа (что такое доктайп, см. тут)

2. идентификатор (id) - должен быть уникальным, в отл. от класса (class), и встречаться на странице только один раз.

3. прочитайте, для чего предназначен и как можно использовать тег ul. также прочитайте, какие элементы используются для форматирования.

Link to comment
Share on other sites

  • 0
дык это... голый css - это не информативно совершенно. давайте или полный код страницы, или ссылку на страницу.

то, что видно на первый взгляд:

в CSS2 имена классов и идентификаторов нельзя начинать с цифры. и мозилла это сечет и не отрабатывает нормально (т. е. она как раз не долбанная, она по стандарту работает :( ). переименуйте все свои айдишники.

Спасибо огромное!!!

Всё теперь отображается :)

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

Ссылочку на сайтик я скину попозже, та как он ещё не в инете.

Кстати кто знает недорогой хостинг гигов на 35??? Мона и больше :)

Спасибо за подсказочку...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy