Фон меню уезжает вправо PHP: #main-nav { background-image:url(../../images/zzll/nav.png); margin-top:-109px; padding-right:30px; width:940px;} паддинги и маргины, двигают всё это дело только(!) вправо, ну и по-вертикали. Надо влево сдвинуть Что может быть?
Попробуй padding-right:35px; и посмотри как повлияет. А вообще к чему id main-nav применимо к фону меню, или к самому меню ?
к фону, меню двигается без проблем. Паддинги и маргины как я и написал работают во все стороны кроме влево. даже не знаю что думать
Родительский элемент #menu-nav иммет фиксированную длину? Имеет определенное количество пикселей отступа слева ?
Почему получается этот зазор Создаю просто блок, с определенной шириной и высотой, в нем распологаю абзац, и именно он влияет на родительский блок так, что у того получается зазор от начала страницы как на скрине. Code: body, html { margin: 0; padding: 0; border: 0; } body { background: url(img/bg.jpg); text-align: center; } #wrapper { width: 1020px; background-color: #8e77c2; height: 100px; margin: 0 auto; text-align: left; } HTML: <body> <div id="wrapper"> <p>success</p> </div> </body> Если убрать тег <p> и записать без него, то все в порядке, как с этим бороться ?
Gigabajt_, а в чем собственно говоря дело? Может после дивов с float прописать: HTML: <div style="clear:both;"></div>
дело в том что главный див должен помещать в себя все то что находится на светлом фоне т.к мне нужно будет добавить футер, который должен быть четко под изображением с текстом. Использование clear:both не помогло. Может весь код скинуть?
Ух. 1) Тега <color> нет. Юзай <span style="color: #f00;"></span>, а лучше в css все стили выноси. Это у тебя в строке 33. 2) position: related; - такого тоже нет. Есть position: relative; Правда, так это ни к чему, всё равно не двигаешь элемент (это в css-файле косяк). А теперь к самому главному. У тебя почти ВСЕ элементы имеют position: absolute; А высота родителя у элемента с абсолютной позицией будет равна 0px;, если её не задать вручную. Нельзя, НЕЛЬЗЯ задавать всем элементам абсолютную позицию. Тут, по-хорошему, нужно всё заново сверстать (полчаса работы, от силы). В твоём случае, если высоту #slideshow менять не собираешься, можно убрать у #content высоту вообще (height: 100%; стереть), а у #center задать жёстко высоту в 950px; - как раз влезет текущий текст. Но это костыли, причём, костыли эти из тонких проволочек В других браузерах (кроме лисы) открывать страшно.
Нужно сделать выравнивание блока по правому краю экрана, автоматически PHP: <div class='globalblue' style="width: 180px; position:absolute; left:1090px; top:143px"><h4 style="height: 11px"><center>Информация</center></h4><p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p></div> используя left:1090px - этот вариант в разных браузерах выглядет по разному, гдето ровно выстраивается а гдето блок за экран уходит. подскажите как реализовать?
Code: <div class='globalblue' style="width: 180px; background: #ccc;float: right; margin-top:143px; height: 600px; text-align: center;"> <h4 style="height: 11px;">Информация</h4> </div> А разница между left и margin-left в данном случае?
Как я понял это особенность браузера, т. к. в Хроме, ФФ и в Опере этот зазор есть,а в ИЕ например нету. Почему получается этот зазор ? Нет ли другого способа убирать этот зазор ?
