|
Сообщение от vah-smile
|
|
Как выровлять нижнее поле DIV с самого низу страницы, но так, чтобы оно не выходило на остальные элементы?
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,
body {
width: 100%;
height: 100%;
}
#container {
position: relative;
min-height: 100%;
}
#footer_tab {
height: 100px;
claer: both;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
<div style="width: 100%; height: 300px; background-color: #3300FF;"></div>
<div id='footer_tab'></div>
<div style="width: 100%; height: 100px; background-color: #CC9933; position: absolute; Left: 0px; Bottom: 0px;"></div>
</div>
</body>
</html>