Получава се някакво гадно разместване под различните....

T

tedo96

Registered
Получава се някакво гадно разместване под различните резолюкци...
Това е снимка с голяма резолюкция:
http://web-tourist.net/userfiles/3/3751.png
Малка (тази сигурно е много малка...):
http://web-tourist.net/userfiles/3/3752.png

При мен всичко си е точно...
Това разместване при малката се получава от търсачката, защото става прекалено голямо.
Ето CSS:
[css].menu { background: url('../images/menu.png') repeat-x scroll 0 0 transparent; width:100%; height:36px; margin-top: 15px; }
.menu ul { margin-left: 150px; padding:0; list-style-type:none; }
.menu li { display: inline; float: left; margin: 0; padding: 0; }
.menu li a { display: block; margin: 0; padding: 9px 25px 10px; color: #cecece; }
.menu ul li a:hover { background: url("../images/hover.png") repeat scroll 0 0 transparent; }
.menu li a { color: #CECECE; display: block; margin: 0 -1px 0 -1px; padding: 9px 25px 10px; }
.open { background: url("../images/hover.png") repeat scroll 0 0 transparent; margin-left:10px; }

#searcher input { border: none; color: #b7b7b7; float:left; }
#searcher_pole { background: url("../images/searcher_pole.png"); padding:4px 0 3px 4px; width:150px; height:15px; float:left; margin: 7px 0 5px 100px; color: #e5e5e5; }[/css]
HTML:
HTML: 
	<div class="menu">
		<ul>
			<li><a href="index.php">НАЧАЛО</a></li>
			<li><a href="tutorials.php">УРОЦИ</a></li>
			<li><a href="/blog">БЛОГ</a></li>
			<li><a href="books.php">КНИГИ</a></li>
			<li><a href="team.php">ЕКИП</a></li>
			<li><a href="contacts.php">КОНТАКТИ</a></li>
		</ul>
		<div id="searcher">
			<input type="text" name="searcher" value="Започни да пишеш..." id="searcher_pole" onfocus="if(this.value=='Започни да пишеш...') this.value='';" onblur="if(this.value=='') this.value='Започни да пишеш...';" />
			<input type="submit" value="ТЪРСИ" name="searcher_submit" id="searcher_submit"/>
		</div>
 
С ква резолюзия пробваш?При мен на 1024х768 го омазва така.
едит: Като кликвам на уроци се оправя,но в индекса се маже.
 
Nazi_93 каза:
едит: ето на книги как ми го показва:
http://prikachi.com/images/257/3194257m.jpg
Увеличете...
Мхм... Сега ще пробвам да задам маргин не от ul на менюто ми right. Смисъл не left, ами right.
 
Малко не е по темата,но намерих това: http://www.webconfs.com/web-page-screen-resolution.php за проверка на сайта под различните резолюции и това: http://browsershots.org/ под различните браузъри + скрийншоти.
 
Аз съм с 1680x1050 и няма проблеми никъде,но забелязах,че си направил основен див който е с размери 920px на ширина,обаче си сложил менюто вътре в тоя див,а то не трябва,защото менюто ти се разтяга на цялата страница.Опитай първо да направиш хедъра и менюто без основен контейнер и чак тогава сложи тоя див <div id="wrap">и всичко останало тука</div>
 
SkyWarrioR каза:
Аз съм с 1680x1050 и няма проблеми никъде,но забелязах,че си направил основен див който е с размери 920px на ширина,обаче си сложил менюто вътре в тоя див,а то не трябва,защото менюто ти се разтяга на цялата страница.Опитай първо да направиш хедъра и менюто без основен контейнер и чак тогава сложи тоя див <div id="wrap">и всичко останало тука</div>
Увеличете...
Не дива си го затварям преди менюто и после пак го отварям. ;)
 
Тов меню го направи така:

<div class="menu_holder>
<div class="menu"></div>
</div>

На холдера сложи картинакта и евентуално височина. На самото меню задай ширина колкото ти е долния контейнер и естествено центрираи и проблема ще ти се оправи.
 
shterev каза:
Тов меню го направи така:

<div class="menu_holder>
<div class="menu"></div>
</div>

На холдера сложи картинакта и евентуално височина. На самото меню задай ширина колкото ти е долния контейнер и естествено центрираи и проблема ще ти се оправи.
Увеличете...
Би ли го направил, защото не разбрах как да задам ширината да е колкото бокса долу, защото менюто ми се разпъва на 100%.
Мерси!
 
HTML: 
.menu {
    margin: 0 auto;
    width: 929px;
}

.menu_holder {
    background: url("../images/menu.png") repeat-x scroll 0 0 transparent;
    height: 36px;
    margin-top: 15px;
}
 
tedo96 каза:
Така всичко се размести и под моята резолюкция.... :?
Увеличете...

Ами значи нещо бъркаш, не може аз да го правя перзь firebuga да не се размести , а при теб да се размества
 
Това, че грешката е в мен е сигурно, защото и аз си го обяснявам, че трябва да стане така.
Ако може отново да го направиш и да ми копираш кода.
Може и на ЛС да ми го пратиш, за да не се разтяга страницата.
Ще ти бъда безкрайно благодарен!
 
имам по добра идея. Направи си един "шаблон" само на това меню напарви го на архив да ти го нарпавя да го видиш ;)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе