Исправление enso, (текущая версия) :
Всё крайне коряво и неграмотно... Изучи хорошую книгу по CSS сперва... И открой для себя flexbox с grid, настоящее и будущее вёрстки, с ними подобные вещи делаются в пару строк.. И да, id уникален, он может быть только у одного элемента на странице, используй class вместо него...
Вот, правка на быструю руку...
#test1 {
width: 100%;
height: auto;
min-height: 640px;
margin: 0;
padding: 15px 0;
background-color: #FF6347;
}
#test2 {
width: 100%;
height: inherit;
}
#test3 {
width: 98%;
max-width: 1000px;
height: inherit;
left: 17%;
margin: 0 auto;
}
#test4 {
width: 98%;
position: static;
max-width: 1000px;
padding: 10px;
left: 17%;
background-color: #FFFFFF;
}
#test4:not(:last-child) {
margin-bottom: 15px;
}
#test5 {
font-size: 120%;
padding: 1px;
}
Исходная версия enso, :
Всё крайне коряво и неграмотно... Изучи хорошую книгу по CSS сперва... И открой для себя flexbox с grid, настоящее и будущее вёрстки, с ними подобные вещи делаются в пару строк..
Вот, правка на быструю руку...
#test1 {
width: 100%;
height: auto;
min-height: 640px;
margin: 0;
padding: 15px 0;
background-color: #FF6347;
}
#test2 {
width: 100%;
height: inherit;
}
#test3 {
width: 98%;
max-width: 1000px;
height: inherit;
left: 17%;
margin: 0 auto;
}
#test4 {
width: 98%;
position: static;
max-width: 1000px;
padding: 10px;
left: 17%;
background-color: #FFFFFF;
}
#test4:not(:last-child) {
margin-bottom: 15px;
}
#test5 {
font-size: 120%;
padding: 1px;
}