Форум hotibo.ru

XAMelleOH · 19.11.2011 15:07

Ребят, такая проблема: в общем верстаю форум для одной особы в принципе уже все сделано, вот только как всегда в Опере и ФФ все ок, а вот с ИЕ проблемы. В ИЕ7 в принципе нормально, а вот 6 ваще чето непонятное творит.

Проблема вот в чем: там где пишет сообщение юзер в ИЕ6 не понятно почему нету совсем фона, а если выделить текст мишью, а потом убрать выделение, то в том месте фон отображаеться, бред какой-то, раньше с таким не сталкивался...

Тот кусок сверстан таким вот образом:

text

То есть понятно - задний фон, потом все 4 уголка, и потом сообщение.

Форум здесь: http://vrazrabotke.com.ua/test/
Конечно можна сделать это таблицей, но это уже совсем не то

И еще: в ИЕ6,7 всплывающая бульба, которая возникает при наведение курсора мыши имеет прозрачний фон - хотя явно задаю конкретный цвет. (игра с z-index-ами почему-то ничего не дает, даже не знаю почему...

Буду благодарен за помощь.

vashurin · #2 19.11.2011 16:08

Код:

.window .topleft { background: transparent url(img/win_topleft.jpg) top left no-repeat;z-index: 1;}
.window .topright{ background: transparent url(img/win_topright.jpg) top right no-repeat;z-index: 2;}
.window .btmleft { background: transparent url(img/win_botleft.jpg) bottom left no-repeat;z-index: 3;}
.window .btmright{ background: transparent url(img/win_botright.jpg) bottom right no-repeat;z-index: 4;}

Попробуйте убрать transparent .

XAMelleOH · #3 19.11.2011 16:17

Было дело и без transparent. Он появился в процессе долгого перебора и подбирания

Только что чисто случайно (для другого елемента) понадобилось поставить для .window position: relative, и (о, ЧУДО!!!) заработало
(на ссылке, которая в предыдущем моем посте не менял, чтобы видно было проблему)

Только вот почему, может кто нибудь объяснить???

Код:

.window
{
    z-index: 0;
    margin-left: 122px;
    background: #011e01;
    position: relative;
}
.window .topleft { background: url(img/win_topleft.jpg) top left no-repeat;z-index: 1;}
.window .topright{ background: url(img/win_topright.jpg) top right no-repeat;z-index: 2;}
.window .btmleft { background: url(img/win_botleft.jpg) bottom left no-repeat;z-index: 3;}
.window .btmright{ background: url(img/win_botright.jpg) bottom right no-repeat;z-index: 4;}
.window .message
{
    z-index: 5;
    min-height: 84px;
    position: relative;
    text-align: justify;
    padding: 10px 10px 30px;
}
* html .window .message
{
    height: 84px;
}

Код:

Отредактированно XAMelleOH (19.11.2011 16:19)

MT · #4 19.11.2011 19:35

hasLayout

Форум hotibo.ru

#1 19.11.2011 15:07

Проблема в IE6

#2 19.11.2011 16:08

Re: Проблема в IE6

Код:

#3 19.11.2011 16:17

Re: Проблема в IE6

Код:

Код:

#4 19.11.2011 19:35

Re: Проблема в IE6

Board footer