Ritter
-
Posts
98 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Ritter
-
sigma77, огромный респект тебе. спасибо. Теперь вот как сделать, чтобы левый и правый блок при условии position:absolute; не лезли на элементы распологающих ниже их.
-
Ок, пусть будет так как показывали. Тогда в этом случае, как сделать чтобы правый блок не смещался вниз. Обязательное условие, правый блок должен идти после div center, т.е.: <div class="container"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> Мне нужно чтобы в коде было имеено так. Но в этом случае правый блок смещается вниз. В примере показано: <div class="container"> <div class="left"></div> <div class="right"></div> <div class="center"></div> </div> В этом случае блок не смещается , но разположение блоков в коде мне не подходит.
-
http://files.mail.ru/JR7EMG лежит страничка, в браузере, если разрешение не меньше 1280, будет все ровно, если окно браузера уменьшать, правый блок сьедет вниз, а центр не маштабируется. Вот хотелось бы сделать, чтобы блоки оставались на местах, а цент умешался в зависимости от разрешения экрана.
-
Если вы знаете решение проблемы то помогите, если не знаете - промолчите. Я попробывал так сделать. середина все равно занимает весь 1000px div, выходя за рамки левого и правого блока.
-
Ваш готовый пример не делает резину!
-
Great Rash, пожалуйста помоги сделать из этого примера html странички. На ней видно мою проблему. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #page { max-width:1084px; min-width:982px; margin:0 auto; padding:10px; background:#eeeeee; } #left { width:220px; float: left; margin-top:1px; background:#fff; } #center { width: 100%; background:#fff; padding:10px; float: left; border-top:1px solid #ececec; } #right { width:260px; float:right; margin-top:1px; background:#fff; } </style> </head> <body> <div id="page"> <div id="left"> прмпмло оам ылоумрувр олур мур кмрукмр клуроммулм мку лмрулмр друм удм рдкм рдл му </div> <div id="center">мукмку уууу ууууу ууу уууууууууу м ук ум умум мму м укуммк</div> <div id="right">ыомльрвам мвам вмв вамм вам ва ва амв авмвм вамвам м в а ва мвм в</div> </div> </body> </html>
-
Если это так, то по примерам не получается хоть убей. Ок, мне нужна только середина в резине, она растягивается во весь 1000px, смещая блоки. CSS: #page { max-width:1084px; min-width:982px; margin:0 auto; padding:10px; background:#eeeeee; } #left { width:220px; float: left; margin-top:1px; background:#fff; #center { width: 100%; background:#fff; padding:10px; float: left; border-top:1px solid #ececec; } #right { width:260px; float:right; margin-top:1px; background:#fff; }
-
Напишу еще раз, у меня не просто 3 блока расположенных на странице, которые нужно растянуть. Мне нужно чтобы в элементе, например, page с фиксом 1000 px, были 3 элемена: левый с фикс, правый с фикс и резиновая середина между ними. Этим элементам пофигу на блоки рядом, каждый из этих 3, готов растянуться в 1000px. Вот как сделать, чтобы тянулся 1 элемент (середина). Приэтом все три элемента не превышают 1000 px.
-
Не стал флоатить середину. Теперь середина тоже, всместе с правым сместилась вниз.
-
Я знаю. Какие есть варианты, на что обратить внимание?
-
Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;
-
Кто-нибудь знает код ява скрипта, чтобы гугл чисто под себя css подхватывал?
-
Эти хаки бесполезны в моем случае. Это гуглу надо придумать как сделать что правильно отображался css. letter-spacing только у них криво отображается. Правильно отображает IE6-7-8, FF, Safari, Opera, Avant.
-
Не один из этих способов не работает.
-
Имеется letter-spacing:-0.03em; Во всех браузерах отображается как надо. В гугле с погрешностью до 0.01, то есть он показывает значение -0.02em. Есть ли вариант замены, или как прописать css для chrome отдельно.
-
Вот это ржач. Криво тоброжается потому-что в странице есть теги <noindex><nofollow> а точнее участок вверху page, у даты стоит <noindex><nofollow>php the_time</noindex></nofollow> Ну просто нонсенс... Opera жжет. Большая просьба - больше не материться //Justnewone
-
Все равно футер налазиет на page.
-
Опишу более детально, имеется: Page: width:980px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) сливается в опере с футером, т.е. цвет футера передается до верхней границы page. если прописать фикс, например 2000px width:980px; height:2000px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) В этом случае Opera отображает как остальные браузеры, но это фикс, а сайт динамичный. Как в этом случае поступить?
-
Так делал, в итоге тоже самое.
-
Че спецов тут нет?
-
Сколько верстаю, проблем таких не находил. В общем, надеюсь ваш опыт поможет. Попытаюсь описать ситуацию, сверстан на div-ах. Абсолютно все браузеры (Все версии IE, Google Chrome, FF, Safari, Avant, Opera 10 и др.) показывают одинаково правильно, но только Opera 8, 9 портит дизайн. В css прописано: width:980px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) Все браузеры отображают фон. Opera показывает только кусок 10px сверху. Проблема только в 8, 9 версии! Я не понимаю почему.
-
#navbar { margin:0 auto; padding:36px 10px 0px 10px; margin-left: -85px; text-transform:uppercase; background:#ffd700 url('../img/navbar.gif'); width:743px; margin-top:45px; border-left:5px solid #fff; border-right:5px solid #fff; } #page-bar { padding:0px; } #page-bar ul { list-style: none; } #page-bar li { float: left; list-style:none; cursor: pointer; display:block; border-right:1px solid #303030; margin-top: -31px; } #page-bar li:hover { background: #5b5b5b; } #page-bar a, #page-bar a:visited { margin: 0px; padding:11px 14px; font-weight:bold; color:#eeeeee; display:block; } #page-bar a:hover { text-decoration:none; display:block; } #page-bar p { margin:0; padding:0; } В странице так: <div id="navbar" class="clearfloat"> <ul id="page-bar" class="left clearfloat"> <li><a href="/">Главная</a></li> </ul> </div>
-
Делаю меню на картинке, получается вот что: Но как только, я хочу поправить чтобы было по центру, получается: Ссылки накладываются друг на друга, когда ставишь именно ровно по центру, т.е. если чуть выше или ниже, то все норм. Поправляю margin-ом. Посоветуйте, как сделать норм?
