volkoff

Просто хочется разобраться, почему лиса пихает подвал в див oblo. Ибо если убрать у тега main float:left, то в лисе подвал опискается вниз, но если присмотеться к границам то видно что подвал все равно находится в диве oblo

Получится должно вот это что собсна во всех браузрах и так получается если убрать паддинги из main, получается следующее:

пробовал - не помогает если между дивом oblo и дивом flour впихнуть несколько тегов <br/> лиса просто опускает подвал чуть ниже

В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank" class="button"> Кнопка 2 </a> <a href="opera:blank" class="button"> Кнопка 3 </a> <a href="opera:blank" class="button"> Кнопка 4 </a> <a href="opera:blank" class="button"> Кнопка 5 </a> <a href="opera:blank" class="button"> Кнопка 6 </a> </div> <div id="main"><!————————————- Само содержимое--> </div> </div> <!——————————————————-- обложка--> <div id="flour" align="center"> подвал ! <br /><hr width="500px;"> </div> CSS: body /*общая*/ { font-family:Verdana, Geneva, sans-serif; background-image:url(img/bck2.jpg); background-attachment:fixed; } #roof /*крыша*/ { background-image:url(img/roof.png); width:1024px; height: 185px; margin:auto; margin-bottom: 5px; } #oblo /*обложка меню и main*/ { margin:auto; /*центровка на странице*/ width:1022px; height:700px; border:solid #F00 1px; } #left /*меню*/ { float:left; width: 200px; height:668px; border:#00F solid 1px; padding-top:30px; } #main { position:relative; width:800px; height:700px; text-align:justify; float:left; padding-right: 5 px; padding-left: 20px; } #flour { margin:auto; width:1022px; height: 62px; border: solid #000 1px; float:right; Как сделать так, чтоб подвал себя и в лисе вел прилично ? Спасибо

точно. то я че-то не то вписал видимо. Благодарю !

вариант хорош, если надо задрать буквы. Опускать так не получается - тут минус недопустим

Я щас конечно может что-то тупое сморожу - но вс таки: opera^turbo включаена ? Еще попробуйте клацнуть пкм на кривом изображении в обере и выбрать Проинспектирвать элемент Откроется Opera Dragon Fly - мож там косяк найдете

нашел способ: Можно опускать текст с помощью padding-top , но на такую же величину надо уменьшать width этой конструкции. В итоге немного попристреливаясь, можно получить красивый результат. Тем не менее интересно услышать другие варианты

Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение

Забавный получается результат: Потом через padding-left: тоже можно попристреливаться и сделать как надо

Еще можно поизвращаться и прописать в ul text-indent: -20px вместо margin-left: -20px Но мне почему то кажется что должен быть способ обойтись и без подобных мер

о, спасибо ! частично поргресс есть А влево как присныковать ? list-style-position:outside; (inside) hрезультатов не дали. Картинка для списка - 16х16 так что это не из за нее Инфа оттуда: ну у меня общий margin - 0. и не работает ведь Можно решить проблему, вогнав margin-left: в минуса. Но разве это традиционынй способ ?

не помогло <div> и правда не виноват. если в него вместо воткнуть любой текст - от красиво в верхний левый угол ложится. Так что и правда надо вокруг списка с бубном плясать. Еще идеи есть ?

Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !

А это где ? Или это будет отдельный файл шрифта ?

Вот это да ! Сколько решений одной и той же задачи ! Еще раз спасибо ! <————————— оффтоп ————————--> Кстати, не знаете, что за шрифт, когда пишешь сообщение ? <—————————- оффтоп ————————->

эмм...... у меня <div> шириной 1024, а монитор 1680.... При полноэкраном просмтре <body> как себя вести будет ? Какую он ширину примет ? Самого широкого элемента ? или имеется в виду задать сначала у <body> тоже ширину 1024 ? Тогда зачем центровать ?

Избавил от головной боли. недаром говорят: все гениальное - просто Спасибо, други !

В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @charset "utf-8"; /* CSS Document */ body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif } #roof { background-color:#FCF; border:solid #666 2px; width:1024px; margin:auto } #left { float:left; padding: 0px 5px 0px 5px; width: 104px; border: solid #666 1px; margin:auto; } #main { width:920px; border: solid #666 1px; text-align:right; }