frD-Проблема кроссбраузерной совместимости при использовании div

[DMGaster]

Здраствуйте, обратился сюда от безысходности и от того что мои мозги уже выкипели...

Делаю оболочку для DVD-диска, верстается в html с css. Возникла проблема в совместимости кода для разных броузеров. Так вот нижеперечисленные страницы ведут себя нормально в IE6, но глюки появляются в Опере 9,10.

В firefox не проверял...

Страницы для тестирования временно выложены на хостинг (предупреждаю, чтобы меня потом не обвиняли в рекламе)

http://artunion.cellbiol.ru/ - проблема в опере, появляется темная вертикальная полоса справа от нижнего меню, и центральная картинка неплотно примыкает к границам. В IE6 - вс? нормально.

http://artunion.cellbiol.ru/articles/articles.shtml - div с правой стороны выползает за таблицу (в ie не выползает, держится как надо)

Вот код описывающий div:

DIV#text {

width: 100%;

margin: 5px 5px 5px 5px;

border: 1px solid #5F604B;

background: #F1F5ED;

padding: 10px 7px 5px 10px;

}

А вот ссылка на css файл: http://artunion.cellbiol.ru/style.css

Очень прошу помочь, а то мозг уже не может...

[Emm]

1) colspan - пропущен

2) cellspacing="0"

3) width - убрать

[DMGaster]

2) cellspacing="0"

он сидит специально, с помощью него я делаю красивые тонкие рамочки вокруг.

а вс? остально поправил. теперь все нормально. Как всегда кривые ручки...

Только с дивами ещ? не разобрался...

[Emm]

он сидит специально...

а воспользоваться border - слабо

[DMGaster]

можно border использовать для дива. там получается симпатично. А вот табличный border - объ?мный, широкий, и цвет зада?тся не во всех броузерах. Я знаю что можно поменять бордер с помощью css - в опере красиво получается, а вот в ишаке - оста?тся обычным бордером.

[Emm]

а что мешает пользовать border для таблицы?

border: 1px solid #000000;

[DMGaster]

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

http://artunion.cellbiol.ru/articles/articles.shtml - div с правой стороны выползает за таблицу (в ie не выползает, держится как надо)

[Emm]

ничто не мешает, но мне уже лень переделывать

прописать класс, всего-то :/

div с правой стороны выползает за таблицу

3) width - убрать

это вам ни очем не говорит?

[DMGaster]

Вс? извиняюсь. Вс? исправил Что то я тупил не по детски

прописать класс, всего-то

пожалуй я так и сделаю, но только завтра, или послезавтра. Сейчас голова вообще не варит... Может заодно код полегче сделаю и для восприятия и для эстетичности...

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

[Emm]

Может заодно код полегче сделаю и для восприятия и для эстетичности...

У вас там немерянно ошибок и лишнего кода который можно перенести в css.

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

Ага

[DMGaster]

У вас там немерянно ошибок и лишнего кода который можно перенести в css.

Да, блин а я то думал что нормально пишу... Грустно...

Кстати валидатором проверил, не вс? так грустно только 1 ошибка.

А css я пока только активно изучаю и пытаюсь использовать - а посему пока не могу догадаться, что именно и как перенести в css...

[Emm]

Да, на счет ошибок я немножко загнул , вы поставьте себе Firefox и расширение к нему "HTML Validator" - с ним проще

в коде перенести можа bgcolor, valign, смотрю у вас тут стоит класс и эти атрибуты, для css будет так:

background-color:цвет;

vertical-align:top;

также в таблице высоту переместите в css

вобщем все стили которые задаете на html переделайте в css, вот и все.

[DMGaster]

Ага спасибо, я в принципе так и думал.

У меня теперь другой вопрос, но тоже касается css.

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

[Emm]

Можно сделать на javascript + css > _http://tjkdesign.com/articles/gallery/photo_gallery.asp

[DMGaster]

js это конечно хорошо, но вот я на каком то сайте видел фотоальбом (англоязычный сайт являлся каталогом сайтов на основе css во вс?м мире) - так вот поковырявшись в коде наш?л что-то подобное вот на это:

ul.foto {
margin:;
padding:;
}
li.foto {
margin:;
padding:;
}
li.foto a {

}
li.foto a:hover {

}

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

[Emm]

и что? мой вариант лучше...

[DMGaster]

вы поставьте себе Firefox и расширение к нему "HTML Validator" - с ним проще

А вы не подскажете как к нему русификацию прикрутить? у меня есть архив с локализованными файлами, и куда его?

[Emm]

к Firefox или к расширению? Если к расширению то к последней версии пока что неготов русификатор, а в Fox'e должна быть включена русская локаль.