css/style.css
html, body{
margin: 0px;
padding: 0px;
}
.head{
position: fixed;
width: 100%;
height: 170px;
}
.menu_div{
background: #231FC7;
width: 100%;
height: 135px;
opacity: 0.75;
filter: alpha(opacity=75);
border-radius: 0 0 35px 35px;
z-index: 1;
}
.search_block{
position: relative;
z-index: 2;
float: right;
margin-top: 121px;
margin-left: 1020px;
outline: none;
}
.form_search{
height: 25px;
border-radius: 25px 0 0 25px;
padding-left: 4px;
margin-right: -5px;
border-color: none;
}
.submit_search{
height: 29.5px;
border: 1px solid #000000;
margin-left: -5px;
border-radius: 0 25px 25px 0;
padding-right: 10px;
cursor: pointer;
border-left: none;
}
.logo_image{
position: relative;
z-index: 2;
float: left;
margin-top: 15px;
}
.head_fixed{
position: fixed;
}
.main_table
{
border: 3px solid #000000;
width: 90%;
position: absolute;
z-index: 1;
}
index.html
<!DOCTYPE html>Видите таблицу в которой я вписал просто единицу? а теперь посмотрите сколько после нее переносов строк стоит. Быдлокодерство. если убрать эти переносы, то таблица на лезет на шапку, а должна быть ниже нее. что делать?
<html>
<head>
<title>Главная страница</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center" class="head_fixed">
<div class="head">
<div class="menu_div"></div>
</div>
<div class="search_block"><form method="post" action=""><input type="text" value="Текст поиска" onfocus="this.value = ''; this.style.outline = 'none';return false;" onblur="this.value = 'Текст поиска'; return false;" class="form_search"/>
<input type="submit" style="margin: 0px;" class="submit_search" value="Найти" /></form>
</div>
<div class="logo_image"><img src="images/logo.gif" /></div>
</div>
<br /><br />
<br /><br /><br /><br /><br /><br /><br />
<center>
<table class="main_table" align="center">
<tr>
<td>1</td>
</tr>
</table>
</center>
</body>
</html>