3 søjler Div med google maps
Jeg er ved at lave en side med 3 søjler, har fundet følgende som laver dem lige høje.Det virker fint.
<div id="container">
<div id="inner">
<div class="col1">
<p>1</p>
</div>
<div class="col2">
<p>2</p>
</div>
<div class="col3">
<p>2</p>
</div>
</div>
</div>
#container {
position: absolute;
top: 70px;
float: left;
padding-bottom: 1px;
z-index:1;
}
#inner {
float: left;
overflow: hidden;
z-index:1;
}
#inner div {
float: left;
width: 890px;
margin-right: 10px;
margin-bottom: -1000px;
padding-bottom: 1000px;
z-index:1;
}
#inner .col1 {
background: #88F;
// margin-right: 10;
width: 110px;
padding-left: 5px;
z-index:1;
}
#inner .col2 {
// position: relative;
// float: left;
width: 740px;
padding-left: 5px;
margin-right: 0;
z-index:1;
}
#inner .col3 {
position: relative;
// height: 100px;
// overflow: hidden;
// float: right;
// top: 150px;
width: 146px;
padding-left: 5px;
margin-right: 0;
z-index:1;
}
