Хочу закрепить элементы страницы намертво, а не получается.
Когда браузер во весь экран, то всё хорошо, когда уменьшаю, элементы
*плавают*, position:absolute или display - ничего не дают...мучаюсь уже давно...а хочется доделать сайт человеку....вот код...кто знает, как зафиксировать всё, скажите...а то все сайты нормальные, а у меня какая-то ерунда...еле слова нашёл, чтоб помягче выразиться..
<!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>
<title>Сантехник Игорь Васильевич Бородулин</title>
<style type="text/css">
DIV { background-color: #ededed;
margin: .2em;
font-size: 1.2em ;
color:#800000 ;
width : 17% ;
padding : .2em;
border-style: dotted;
border-width: 1px ;
}
.title {
margin: 1em;
font-size: 2.8em ;
color:#800000 ;
width : 85% ;
}
.glob {background-color: #ededed;
margin: .2em;
font-size: 1.2em ;
color:#800000 ;
width :78% ;
height: 375px ;
padding: .2em;
border-style: dotted;
border-width: 1px ;}
}
.bott {background-color: #ededed;
margin: .5em;
font-size: 1.2em ;
color:#800000 ;
width : 97% ;
height: 150px ;
padding : .5em;
border-style: dotted;
border-width: 1px ; }
P {color:#800000}
A.nodec {text-decoration: none;
color:#800000;
text-align:center }
A:hover {color: Black ;
text-decoration: underline }
</style>
</head>
<body>
<img src ="i.jpg " style="position:absolute ; top: 0px; left:0px; z-index: 1" width="100%" height="180" alt="Здесь будет фото Бородулина" >
<center >
<span class ="title" style="position :absolute; top: 40px; left: 100px; z-index:2 " align="center">Бородулин И.В.<br>
</span>
<br></center>
<p> </p><br><br><br><br><br><br><br><br>
<DIV style ="float:left ; color:#800000" > <center>
<a class ="nodec" href = "www.sp.ru" >Краны</a><br><br>
<a class ="nodec" href = "www.sp.ru"" >Трубы</a><br><br>
<a class ="nodec" href = "www.sp.ru" >Инструменты</a><center/><br>
</DIV>
<span class ="glob" style="float:right" ><p id ="nimrodi" ><img src ="i.jpg " width="180" height="240" alt="Здесь будет фото Бороду" style ="float:left ; margin: .4em " >
[email]borodulin@narod.ru[/email]
</p></span>
<DIV style ="float:left ; color:#800000" > <center>
<a class ="nodec" href = "www.sp.ru" >Прочистка труб</a><br><br>
<a class ="nodec" href = "www.sp.ru" >Откачка насосом</a></center><br>
</DIV>
<DIV style ="float:left ; color:#800000" ><center>
<a class ="nodec" href = "www.sp.ru" >Советы сан-техника</a><br><br>
<a class ="nodec" href = "www.sp.ru" >Важные ссылки</a><br><br>
<a class ="nodec" href = "www.sp.ru" >Обо мне</a></center>
</DIV>
<span class ="bott" style="float:left">Все права принадлежат © Бородулину </span>
</body>
</html>