Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Дизайнеры помогите разобраться с CSS!?
цитата
23/01/08 в 02:32
 hunk
Вопрос собственно по div-у, у меня есть css фаил подключенный к index, в css вот такой код:
.bar {
background: url('images/back.gif') repeat-x top;
width:100%;
height: 143px;
}
.bar-table {
position: relative;}

в index-е div:
<div class="bar">
<div class="bar-table">
-Здесь таблица-
</div>
</div>

В Opere все работает back отображается, а в IE бэкграунта нету(. Кто разбирается подскажите плиз, всем рейтинг по максимум!!!!!

Последний раз редактировалось: hunk (23/01/08 в 13:50), всего редактировалось 1 раз
цитата
23/01/08 в 10:26
 pierx
Ну хз - попробуй 143px: заменить на 143px; чтоли
а так - тяжело смотреть правильность куска кода icon_smile.gif
цитата
23/01/08 в 10:44
 AWMovies
Оффтопик: Цитата:
Ну хз - попробуй 143px: заменить на 143px; чтоли


перечитал два раза, и выпал icon_lol.gif
цитата
23/01/08 в 10:56
 tasteart
AWMovies писал:
Оффтопик:

перечитал два раза, и выпал icon_lol.gif

а чего ты выпал? Расскажи. Я чет не понял из-за чего можно было бы выпадать.
цитата
23/01/08 в 10:58
 AWMovies
понравилась шутка, в чем проблема то?

хех, я просто неправильно прочитал, оказалось.
цитата
23/01/08 в 11:03
 tasteart

ааа. Понял. icon_smile.gif
цитата
23/01/08 в 11:10
 Leka
Цитата:
background: url('images/back.gif')

Может вместо ' лучше использовать " ?
Или не критично?
цитата
23/01/08 в 11:56
 pierx
icon_smile.gif гы. Не шутка была icon_wink.gif
Ну еще картинку и пути надо глянуть.
Да и в полном штмл и стилях ошибок дохрена может быть.
Тут даже смотреть лень - хочешь чтобы помогли сделай код простенький: Код:
<style>.bar {...} <body><div class="bar">...</div></body>
И спрашивай - вот в опере этот код работает, а в ие нет. А гадать на кофейной гуще...

Высоту 100% неверно задал icon_smile.gif
цитата
23/01/08 в 13:54
 hunk
pierx писал:
Ну хз - попробуй 143px: заменить на 143px; чтоли
а так - тяжело смотреть правильность куска кода icon_smile.gif

это я здесь провтыкал), в самом css файле все правильно!

Leka писал:
Может вместо ' лучше использовать " ?
Или не критично?

Вроде как бы не критично, но лучше с одной '
цитата
23/01/08 в 14:05
 hunk
Всем спасибо ошибку исправил! icon_smile.gif Рейтинг по максимум поставил!

pierx писал:
icon_smile.gif гы. Не шутка была icon_wink.gif
Ну еще картинку и пути надо глянуть.
Да и в полном штмл и стилях ошибок дохрена может быть.
Тут даже смотреть лень - хочешь чтобы помогли сделай код простенький: Код:
<style>.bar {...} <body><div class="bar">...</div></body>
И спрашивай - вот в опере этот код работает, а в ие нет. А гадать на кофейной гуще...

Высоту 100% неверно задал icon_smile.gif


Нет высоту правильно задалicon_smile.gif, ты прав бро, сделал без css, все раюотает и в опере и IE !
цитата
23/01/08 в 16:08
 db
читатели кода icon_lol.gif там вообще ширина была 100% icon_smile.gif
цитата
23/01/08 в 22:54
 Dimere
вместо background попробуй указать background-image
цитата
23/01/08 в 23:17
 hunk


так тоже можно было сделать, но спасибо проблема решена!
цитата
25/01/08 в 20:59
 lord_deluxe
Dimere писал:
вместо background попробуй указать background-image

Да +1. Всегда лучше указывать спец. тэг класса полный ..чаще всего ошибки из-за этого (тоесть не background а background-image, не font а font-family).
И вообще специ W3C пишут что "У БЛОКОВ НЕТ ВЫСОТЫ" и здесь уже ошибка Оперы а не ИЕ.
цитата
28/01/08 в 01:56
 undefined
Цитата:
Всегда лучше указывать спец. тэг класса полный ..чаще всего ошибки из-за этого (тоесть не background а background-image, не font а font-family).


background: url('images/back.gif') repeat-x left top;

просто задавать параметры надо правильно ))
цитата
28/01/08 в 08:46
 pierx
Если глянешь http://www.w3.org/TR/CSS21/colors.html#propdef-background-position то увидишь, что задавать можно только один параметр.
Left Top кстати - это параметры по умолчанию. icon_wink.gif

А background - просто "стенографическая" запись отдельных свойств.
цитата
06/02/08 в 10:30
 YuryB
сразу извиняюсь за глупый вопрос.
решил новый топик по этому поводу не поднимать...
просто на самом деле уже замучался пробовать (я не сильный спец в хтмл и цсс)

вот кусок кода

Код:
#page { width: 801px; margin-left: auto; margin-right: auto;}
#frame { background:url(images/frame.jpg) repeat-y; float:left; width: 801px;}
#topbanner1 {width: 801px; height: 82px; background: url(images/header.jpg) no-repeat;}
#topbanner2 {width: 801px; height: 218px; background: url(images/header2.jpg) no-repeat;}


во всех браузерах все в порядке показывается, а вот в 7 ИЕ, картинка frame.jpg как не кручю не хочет повторятся по оси "y"

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

возможно ктото подскажет что не так у меня там

сам сайт можно посмотреть тут - bdsmaddict.com

спасибо
цитата
06/02/08 в 10:45
 erobrand
я конечн могу ошибаться и вообще, но всегда юзаю полные команды ксс. попробуй=)
цитата
06/02/08 в 11:17
 undefined
Код:
#topbanner1 {width: 801px; height: auto; background: url(images/header.jpg) no-repeat;}


это поможет?
цитата
06/02/08 в 11:18
 lord_deluxe
ччч
цитата
06/02/08 в 11:34
 dejavu
lord_deluxe писал:
ччч

Оффтопик: ча-ча-ча! типа? закончил icon_biggrin.gif
цитата
06/02/08 в 11:48
 YuryB
Dizman© писал:
я конечн могу ошибаться и вообще, но всегда юзаю полные команды ксс. попробуй=)


спасибо, но это не помогает :\

undefined писал:
height: auto;


тоже никакого результата :\

может ещё какие либо мысли будут?
цитата
06/02/08 в 11:50
 Leka
Полний синтаксис CSS может помочь.
background-repeat: repeat-x
цитата
06/02/08 в 11:53
 lord_deluxe
Я же выше писал что у блоков нет высоты

попробуй поюзать хаки
IE6
*html тэг {}
IE7
*+html тэг {}

чтоб вообще не ибатся, запихни все в табличку
цитата
06/02/08 в 11:57
 lord_deluxe
юзай еще min-height:100%;
пробовать надо ...попробуй css не импортировать а так подключитть
Стр. 1, 2  >  последняя »


Эта страница в полной версии