меню на всю ширину

greeb · November 7, 2011

Здравствуйте. такой вопрос: есть сайт, http://test11.16mb.com , потребовалось растянуть главное (верхнее) меню на весь экран. Не нашел лучшего способа как просто добавить по бокам меню, блоки с текстурой фона этого самого меню) но, при и уменьшении окна броузера, или при меньшем разришении, меню сползает под свой фон и выглядит это все хреново... вот скрин: http://s017.radikal.ru/i401/1111/6a/0b4e1abadfe7.jpg

Указывал размеры левой и правой текстуры в процентах.

Как решить эту проблему? возможно я не так это все делаю...

Зараннее спасибо за ответы...

Switch74 · November 7, 2011

можно наверно это реализовать вот так:


<style>
*{padding:0px;margin:0px;}
body{background:#eee;text-align:center;}
.top{background:#bbb;text-align:center;}
.menu{display:inline-block;background:#999;min-width:800px;width:100%;max-width:1000px;}
.content{display:inline-block;background:#bbb;min-width:800px;width:100%;max-width:1000px;text-align:left;}
</style>
<body>
	<div class="top">
		<div class="menu">
			<a>link1</a> | <a>link2</a>
		</div>
	</div>
	<div class="content">
		content
	</div>
</div>

Edited November 7, 2011 by Switch74

ctpz · November 7, 2011

min-width

max-width (если необходимо)

width

greeb · November 7, 2011

как это можно реализовать в контексте заданного сайта? чет я совсем запутался(

Switch74 · November 7, 2011

просто вынеси меню из блока ограничивающего его размер . В твоём случае это <div class="art-sheet-body">

про min и max это верно сказано - они нужны по необходимости.

Edited November 7, 2011 by Switch74

Sign In

меню на всю ширину

Question

greeb

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

ctpz

Link to comment

Share on other sites

greeb

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information