okunev2
-
Posts
602 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by okunev2
-
нету в сети, могу только этот код показать
-
нет это тоже я пробывал, так только можно только цифры в блоках выравнить что в пагинации, а мне нужно в родители блок выравнить ровно по центру в этом проблема и Это не работает в ИЕ
-
есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -25px; background: url('../images/page_blue.png') no-repeat;} .block-info .page .dalee {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} Как можно не давая ширину второму блоку его выровнять по центру относительно родителя? margin: 0 auto; не помогает, так как не нужно делать жесткую ширину блоку, а если делать жесткую ширину то это вариант не подходит Как быть?
-
да, если вытягивать в высоту сильно страницу, размер страницы капец
-
ну тогда получается тоже нахлест полутени этой сделать ещё раз чтобы было темнее и тянуть. Но вот ещё вопрос, текст у меня ниже футера немного: Как текст ниже опустить, но чтобы он начинался в том же месте сверху?
-
спасибо но там на стыке тоже проблема, там светлее тянучка, а что в нахлест темнее
-
Пробывал но видимо не то делаю. Не подкинете пример, ну очень буду благодарен
-
Так я и не поборол пнг чтобы такого нахлеста было, а если резать в jpg прозрачный слой ниже уже не стыкается с низом центра.
-
Ты думаешь, что много сэкономишь трафика этим способом, если так сделать? вот сделал все так. но использовал пнг, так как без него ни как тянется по y фон как ему сделать лтступ снизу и сверху на те блоки с которыми идет нахлест вся в этом проблема.
-
Ты думаешь, что много сэкономишь трафика этим способом, если так сделать? он подходит, но у меня картинки в png, и там виден нахлест
-
но внизу же фон сложно выбрать какой можно повторять, ничерта не пойму
-
а нету примера?
-
да это у прощает, но как быть с контентом котрые вверху фикс начинается, как он потянет блок родителя
-
это все я понимаю, но не понимаю если контент выше и ниже той части что у нас тянется как вложить дивы чтобы контент потянул это все контент начинается вверху где фикс сверху и заканчивается на фикс нижнем, в этом как бы загвоздка тоже здесь
-
там в примере справа и слева один и тот же фон повторяется, а у меня получается по высоте сверху картинка фикс и снизу а в центре тянучка в низ, ничерта не пойму, и тем более как получится растягивать блок где будет контент
-
а примера нет такой верстки?
-
Как такой фон можно потянуть по высоте, в центре вижу парент вроде как можно потянуть, но вопрос как?
-
ну так я и сделал там фон прижат к низу контейнера, а футер поднимается на высоту хедера, а так фон уже не прижат к футеру получается
-
не помогло
-
это не поможет, убирал, здесь дело в футере мне кажется
-
При уменьшении по высоте окна браузера, футер почему-то наезжает на центральную часть. Не пойму как поправить код чтобы не наезжало, и при уменьшении по высоте, просто футер сдвигался вниз, а так он и так прижат всегда к низу. Буду благодарен за помощь, профи <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Language" content="ru" /> <meta name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta name="robots" content="all" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link rel="stylesheet" type="text/css" href="./css/all.css" media="screen" /> <!--[if IE]><link rel="stylesheet" type="text/css" href="./css/ie.css" /><![endif]--> <style> @charset "utf-8"; @import"reset.css"; html, body {height: 100%; background: #cce7fc url('./images/bg_footer.jpg') repeat-x bottom center;} #container {width: 990px; margin: 0 auto; min-height: 100%; margin-bottom: -269px;} * html #container {height: 100%;} #page-empty {width: 100%; height: 0px; clear: both;} a {outline: none; -moz-outline: 0; border: none; border-width: 0px;} a:active {outline: none; -moz-outline: 0;} a:focus {outline: none; -moz-outline: 0;} .empty {clear: both;} /* header */ #header {position: relative; width: 990px; height: 407px; background: url('./images/bg_header.png') no-repeat top center; margin: 0 auto;} #header .tel {position: absolute; width: 150px; height: 43px; margin: 25px 0 0 773px; font: bold 14px 'Trebuchet MS'; color: #6fa0b4; background: url('./images//tel.png') no-repeat 0 0; text-indent: -9999px; overflow: hidden; display: block;} #header .mail {position: absolute; margin: 80px 0 0 779px; isplay: block;} #header .mail a {font: normal 14px 'Trebuchet MS'; color: #cc6d08; text-decoration: underline;} #header .mail a:hover {text-decoration: underline;} /* content */ #content {width: 990px; margin: 0; vertical-align: top; z-index: 2;} #middle {width: 100%; padding: 0 0 0 0; height: 1%;} #middle:after {content: '.'; display: block; clear: both; visibility: hidden;} #content ul.persi {position: relative; width: 930px; height: 263px; z-index: 2;} #content ul.persi h3 a {font: bold 18px 'Trebuchet MS'; color: #ffffff; text-align: center; overflow: hidden; text-indent: -9999px; text-decoration: none;} #content ul.persi li {float: left; margin: -85px 0 0 0; z-index: 2;} #content ul.persi li.s-1 a {width: 189px; height: 263px; display: block; background: url('./images/s1_catalog.png') no-repeat;} #content ul.persi li.s-2 a {width: 161px; height: 263px; display: block; background: url('./images/s2_new_news.png') no-repeat;} #content ul.persi li.s-3 a {width: 214px; height: 263px; display: block; background: url('./images/s3_contacts.png') no-repeat;} #content ul.persi li.s-4 a {width: 175px; height: 263px; display: block; background: url('./images/s4_otzivi.png') no-repeat;} #content ul.persi li.s-5 a {width: 181px; height: 263px; display: block; background: url('./images/s5_info.png') no-repeat;} /* footer */ #footer {position: relative; width: 671px; height: 269px; background: url('./images/bg_footer2.png') no-repeat bottom center; margin: 0 auto;} </style> </head> <body> <!-- PAGE #Begin /--> <div id="container"> <!-- HEADER #Begin /--> <div id="header"> 111111111 </div> <!-- HEADER #End /--> <!-- CONTENT #Begin /--> <div id="content"> <div id="middle"> <ul class="persi"> <li class="s-1"><h3><a href="">Каталог</a></h3></li> <li class="s-2"><h3><a href="">Новинки и новости</a></h3></li> <li class="s-3"><h3><a href="">Контакты</a></h3></li> <li class="s-4"><h3><a href="">Отзывы</a></h3></li> <li class="s-5"><h3><a href="">Полезная информация</a></h3></li> </ul> <div class="empty"> </div> </div> </div> <!-- CONTENT #End /--> </div> <!-- PAGE #End /--> <!-- Footer #Begin /--> <div id="footer"></div> <!-- Footer #End /--> </body> </html>
-
кросбраузерного решения для данного случая видимо не найти да пробывал, при генерации меню. отловить все это ещё надо каким пунктам дать отрицательный отсуп
-
а есть пример? а вообще под ИЕ есть решение? инлайн блок, что за свойство, что-то туплю?
-
а можно код? #left-block .nav-tabs {position: relative; width: 690px; height: 47px; margin: 17px 0 0 0;} #left-block .nav-tabs ul {overflow: visible; position: relative; z-index: 2;} #left-block .nav-tabs li.t a {font: normal 14px Georgia; color: #ffffff; display: block; text-decoration: none;} #left-block .nav-tabs li.t a:hover {font: normal 14px Georgia; color: #660100; display: block; text-decoration: none;} #left-block .nav-tabs li.t {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 -47px no-repeat;} #left-block .nav-tabs li.t a:hover {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 0 no-repeat;} #left-block .nav-tabs li.selected {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 0 no-repeat;}
-
заверстал такое меню: как выравнить текст по одной линии по горизонтали, вот так: line-height для ссылки не помогает, так как где-то текст в одну строку где в две