gigiloumill
11-06-2011, 01:48 PM
Good morning guys: I have a problem to which I can't find a solution. I set up a div called: contact: set at 100% with and height set to: "auto", then, I created a div called: insidecontact set at 1010 width and 500 height. Now I have to divs inside the "insidecontact" div called "insideleft" and "insidecontactright" both set up to auto. My problem is that the div holding both divs would not set on auto. It will overwrite both divs. I tried removing the height all together but no luck. Does anyone have a solution? Thanks..here's the code.
.contact {
height: auto;
width: 100%;
margin-top: 10px;
clear: none;
}
.insideleft {
float: left;
height: 200px;
width: 200px;
margin-top: 5px;
margin-left: 5px;
position: relative;
}
.insidecontactright {
float: right;
height: auto;
width: 600px;
margin-top: 5px;
margin-right: 5px;
padding:10px;
clear: none;
position: relative;
}
.insidecontactright h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#DA130E;
text-align:left;
text-transform:capitalize;
font-weight:400;
}
.insidecontactright p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13.5px;
color:#000;
text-align:left;
text-transform:none;
font-weight:200;
}
.insidecontact {
height: 500px;
width: 1010px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
clear:both;
float: none;
}
.contact {
height: auto;
width: 100%;
margin-top: 10px;
clear: none;
}
.insideleft {
float: left;
height: 200px;
width: 200px;
margin-top: 5px;
margin-left: 5px;
position: relative;
}
.insidecontactright {
float: right;
height: auto;
width: 600px;
margin-top: 5px;
margin-right: 5px;
padding:10px;
clear: none;
position: relative;
}
.insidecontactright h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#DA130E;
text-align:left;
text-transform:capitalize;
font-weight:400;
}
.insidecontactright p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13.5px;
color:#000;
text-align:left;
text-transform:none;
font-weight:200;
}
.insidecontact {
height: 500px;
width: 1010px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
clear:both;
float: none;
}