Не получается сделать меню под разрешения экрана - HTML и CSS

maksim-carenko · 04.07.2011, 04:51

Здравствуйте. Помогите решить проблему.
Верстал сайт столкнулся с проблемой создания меню (пример внизу).
Начал задавать marging каждому пункту в % и выставил min-width:1000px в результате все вышло хорошо. Но при переходе на разрешение 1024х768 Пункты меню 4,5,6 начали сьезжать с своего места. Подскажите как мне зафиксировать их.

Код HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#link01 {
	color:#caa202;
	margin-top:3%;
	margin-left:1%;
	text-align:center;
}

#link02{
    float:left;
    height:40px;
    text-align:center;
    margin-left:20%;
    position:relative;
    margin-top:10%;
}

#link03{
    float:right;
    height:40px;
    text-align:center;
    margin-right:20%;
    position:relative;
    margin-top:10%;
}

#link04{
    float:left;
    height:40px;
    text-align:center;
    margin-left:0%;
    position:relative;
    margin-top:55%;
}

#link05{
    float:right;
    height:40px;
    text-align:center;
    margin-right:0%;
    position:relative;
    margin-top:55%;
}

#link06{
    float:right;
    height:40px;
    text-align:center;
    margin-right:20%;
    position:relative;
    margin-top:67%;
}
</style>
<title>MENU</title>
</head>

<body>
<div id="link01">
	<a href="#">link01</a>
</div>

<div id="link02">
	<a href="#" target="_blank">link02 </a>
</div>

<div id="link03">
    <a href="#" target="_blank">link03</a>
</div>


<div id="link04">
    <a href="#" target="_blank">link04</a>
</div>

<div id="link05">
     <a href="#">link05</a>
</div>
<div id="link06">
    <a href="#" target="_blank">link06</a>
</div>
</body>
</html>

maksim-carenko · 04.07.2011, 18:05

Спасибо, решил проблему указав width!

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Смена разрешения экрана	boostman	Общие вопросы Delphi	1	05.12.2009 21:47
Изменение разрешения экрана	Alex Cones	Мультимедиа в Delphi	2	16.04.2009 19:34
Определение разрешения экрана	nemoomen	Microsoft Office Excel	9	16.03.2009 22:49
Смена разрешения экрана	san72	Помощь студентам	3	05.06.2008 12:38
как сделать так что при изменении разрешения экрана программа работала...	Victor[famas]	Общие вопросы Delphi	7	13.02.2008 12:48

04.07.2011, 18:05	#2
maksim-carenko Новичок Джуниор Регистрация: 04.07.2011 Сообщений: 2	Спасибо, решил проблему указав width!