Имам 3 DIV-a (3 вертикални колонки), които искам да са позиционирани в средата на екрана. И трите са разположени във един общ DIV (container), пробвах, като му зададох margin: 0 auto height: auto, но не стана какво пропускам?
Ето и кода;
Ето и кода;
Код:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.container {
margin: 0 auto;
height: auto;
}
.left {
float: left;
padding-right: 40px;
height: auto;
}
.right {
float: left;
margin-left: 30px;
height: auto;
}
.container2 {
}
.container2 {
float: left;
height: auto;
}
.cont2 {
height: auto;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<div class="left">Content for class "left" Goes Here</span></div>
<div class="container2">
<div class="header">Content for class "header" Goes Here</div>
<div class="content">Content for class "content" Goes Here</div>
<div class="footer">Content for class "footer" Goes Here</div>
</div>
<div class="right">Content for class "right" Goes Here</div>
</div>
</body>
</html>