How do I get the height of my first div the same as the third div of my website www.eduardlid.web44.net?
CSS:
- {
margin:0;
padding:0;
list-style-type:none;
}
body{
font:bold 18px arial,geneva,SunSans-Regular,sans-serif;
background-color:#6495ed;
}
#container {
min-width:966px;
}
#links {
float:left;
padding:10px 0 0 100px;
font-size:12px;
}
#links li {
margin-bottom:5px;
}
#links a {
color:#000;
}
#links a:hover {
color:#696969;
}
#flags {
float:right;
width:256px;
height:20px;
margin:10px 0px;
}
#flags li {
position:relative;
float:left;
width:24px;
margin:0 2px;
font-size:8%;
font-weight:normal;
}
#flags a,#flags span {
position:relative;
display:block;
width:20px;
line-height:2px;
font-size:0%;
font-weight:normal;
}
#flags span {
position:absolute;
top:0;
left:0;
width:-6px;
height:24px;
background-position:0 -2px;
}
#flags span:hover {
box-shadow:#eef 0 0 0px;
}
#amer {
background-image:url(americanflag.gif);
}
#spanish {
background-image:url(spanishflag.gif);
}
#germ {
background-image:url(germanflag.gif);
}
#dutc {
background-image:url(dutchflag.gif);
}
#fren {
background-image:url(frenchflag.gif);
}
#looking {
min-width:958px;
}
#work {
clear:both;
float:left;
margin:10px 0 10px 303px;
font-size:100%;
color:#fff;
}
#trabajo {
float:right;
margin:10px 303px 10px 0;
font-size:100%;
color:#fff;
}
#main {
clear:both;
position:relative;
height:380px;
background-color:#fffff0;
border:4px solid #808080;
}
#eduard {
float:left;
width:285px;
border-right:4px solid #808080;
}
#waterfall{
float:right;
width:285px;
border-left:4px solid #808080;
}
#video {
display:block;
width:380px;
height:280px;
margin:20px auto;box-shadow:5px 5px 5px #999;
}
#p1 {
position:absolute;
width:125px;
font-size:90%;
left:299px;
bottom:10px;
}
#p2 {
position:absolute;
width:190px;
font-size:90%;
right:299px;
bottom:10px;
}
#p3 {
position:absolute;
width:190px;
font-size:90%;
right:299px;
bottom:10px;
}
#name {
position:relative;
font-size:50px;
color:#000;
text-align:center;
}
#copyright {
position:absolute;
top:40px;
right:100px;
font-size:10px;
color:#fff;
}
