И снова “кривой” сайдбар

Добрый день.
Сразу скажу, что поиском и ФАКом воспользовался, кое-что нашел, но оно мне не помогло…
Суть такая: В Эксплорере сайт почти нормально смотрится, а в Опере – сайдбар с праого положения "уходит" влево, да еще и в низ.

Пробовал укоротить названия меню, теперь короче не куда – уже не корректно написано.
Пробовал в style.css поменять ширину сайдбара:

sidebar {
float: left;
padding: 5px 0 0 10px;
margin: 0;
width: 534px;
font-size:2.0em;
font-color: #ffffff;

(в пятой строке исходное "334" поменял на "534")
Пробовал изменить строку padding (исходное значение "3px 10px 10px 10px;", поменял на "0"), как нашел в одном из постов двухлетней давности:

#sidebar ul {
list-style:none;
margin: 0px 0px 10px 0px;
padding: 0;
}

Ничего не помогает.

Сайт www.terem-ureki.ru
Тема Field_of_dream

Спасибо.

На данный момент какие-либо свойства для #sidebar у вас отсутствуют совсем.

Неужели " width: 534px; " не означает ширины моего сайдбара?

Безусловно width: 534px – это ширина, но где она у вас прописана? для элемента #sidebar я этого не увидел.

Неужели 6-я строка Нижеприведенного кода не характеризует ширину элемента sidebar? Может я чего-то не понимаю, но вроде написано название элемента, а в фигурных скобках – его параметры…

/* Begin Sidebar */
sidebar {
float: left;
padding: 5px 0 0 10px;
margin: 0;
width: 334px;
font-size:2.0em;
font-color: #ffffff;

}

Или я вообще не туда смотрю?

Неужели 6-я строка Нижеприведенного кода не характеризует ширину элемента sidebar?

В html нет такого элемента (тега) как "sidebar". Учите матчать.

Юрий Дмитриевич, видать и такое скоро будет 🙂
<header>,<footer>,<nav>,<article> и <aside> уже можно использовать, вот Юрий Артюх себе уже и свою Тему под ВП обновил в соответствие с html5

Блог на HTML5

Странно, в учебниках по css так же написано, что в css файле описываются свойства стиля (в данном случае sidebar), а уже в самой страничке, просто приписывают объекту класс с этим названием (в данном случае вставлена строка <div id="sidebar">), чтобы не описывать весь стиль в страничке…
Если учебник кривой – тогда я ничего не понимаю 🙁

Может проще переписать сайт под статичные html страницы, чем сделать эту менюшку ровной?

(в данном случае sidebar)

Решетку перед sidebar в стилях поставьте

А в учебнике по CSS случайно не написано, что селектор класса начинается с точки, селектор по id – с решетки, а селектор элементов/тегов указывается без префикса?

Решетка там когда-то была – не работало… но проблему только что решил:
Уменьшил шрифт:
font-size:2.0em; изменил на font-size:1.5em; и все стало нормально…
Спасибо за настравления… Не подумайте, что такой тупой, просто учусь еще.

Anonymous
Отправить
Ответ на: