johnpeterson
12-09-2009, 12:33 PM
I was hoping I could get the left column equal in height to the right column while preserving all the features of the page. www.phoenixmedicalalert.com/temp2. It is working in all the browsers except IE. Please help.
Thank you.
css:
p, a, ul, ol, li, td, input, label, textarea{
margin: 0px;
padding: 0px;
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
height: auto;
}
#wrapper {
height: auto;
width: 950px;
margin-right: auto;
margin-left: auto;
}
img{border:none;}
img#logo{margin:0px;padding-left:20px; }
a.image1 {float:right;}
a.image2 {float:right;}
a.image3 {float:right;}
columnx{width:300px;zoom: 1;
}
a.image4 {margin-left:20px;}
a.image5 {margin-left:20px;}
a.image6 {margin-left:20px;}
.founder-letter p{
margin-top:14px;
text-align:justify;
width:300px;margin-left:20px;
}
#pic {float:right; display:inline;
}
#medical-alert-info{
float:right;
border-style:none;
}
#header .top {
float: left;
height: 110px;
width: 100%;
}
.top #links a {
color: #000;
text-decoration: none;
}
.top #links a:hover {
text-decoration: underline;
}
#links ul { margin-left: 0px; }
#links li {
display: block;
float: right;
list-style-type: none;
padding-right: 10px;
padding-left: 10px;
}
#logo {
float: left;
height: 106px;
width: 244px;
padding: 22px 0 0 16px;
border-style:none;
}
.phone {
float: right;
width: 300px;
height: auto;
margin: 10px 0 ;
}
.phone p {
color: #43499e;
line-height: 20px;
text-align: center;
}
.phone strong {
font-size: 28px;
font-weight: bold;
}
.phone span {
font-size: 16px;
}
#Phoenix div { margin: 0 auto; width:950px; margin-left:10px; }
#Phoenix li {
float: left;
list-style-type: none;
font-size: 12px;
text-transform: uppercase;
color: #07558b;
height: 20px;
background-position: top right;
background-repeat: no-repeat;
display: block;
margin-top: 15px;
}
#Phoenix a {
text-decoration: none;
color: #343592;
height: 15px;
padding: 2px 6px 3px 6px;
margin: 0 6px 0 4px;
border: 1px solid #ffffff;
font: bold 11px Verdana, Tahoma, Helvetica, Arial, sans-serif;
}
#Phoenix a:hover {
color: #FFFFFF;
background-color: #09F;
border: thin solid #666;
width:99%;
}
/*body section*/
/*#body-section{margin-left:20px;}*/
/*body section family*/
p.title-section{padding:5px 0 5px 0; text-align:justify;}
img#a{float:left; padding:5px 0 0 5px;}
img#b{float:right; padding-left:10px;}
p.first-paragraph{padding-bottom:10px;text-align:justify;}
p.second-paragraph{text-align:justify;padding-bottom:10px;text-align:justify;}
p.third-paragraph{text-align:justify;}
/*Friend Copy*/
img#Friends{float:left; padding:0 10px 0 0px;}
p.second-friends-paragraph{padding:10px 0 10px 0; text-align:justify;}
img#belt-alarm{float:right; padding-left:7px;}
/*How it works*/
img#how-a{float:left; padding:5px 0 0 5px;}
img#how-b{float:right; padding-left:10px;}
p.first-paragraph-how{padding-bottom:10px;text-align:justify;}
p.second-paragraph-how{text-align:justify;padding-bottom:10px;text-align:justify;}
p.fourth-paragraph{text-align:justify;padding-bottom:10px;text-align:justify;}
p.third-paragraph-how{text-align:justify;}
img#Emergency-Button{float:left; padding:8px 5px 0 5px;}
img#Ambulance-Medical-Alarm{float:right;padding-left:10px;}
/*products page*/
img#Medical-Alert-Lockbox{padding-left:15px; padding-top:5px;}
p.paragraph1{width:750px; text-align:justify; float:right; padding-top:20px;}
p.paragraph2{width:750px; text-align:justify; float:right; padding-top:20px;}
p.paragraph3{width:750px; text-align:justify; float:right; padding-top:30px;}
img#Request-Medical-Alarm-Product-Information{margin-top:10px; margin-left:175px;}
/*about*/
p.about1{text-align:justify; width:750px;float:right;padding-top:10px;}
img#Arizona{}
/*special*/
p.gift-box-text1{width: 350px; float:right; margin-right:350px;}
/*contact*/
#contact-us{width:700px;}
input#first name{margin-left:200px;}
#contact-us fieldset{border-color:#FCC;}
/*health related articles*/
img#Elderly-Aging-Research{border:solid 1px;}
p.aging{ width:400px; margin-right:250px; float:right; text-align:justify;}
p.aging a{text-decoration:none;}
/*map*/
#site-map{padding-top:5px;}
#site-map a{float:left;}
/*input form*/
#text-alert {width:350px; text-align:justify; margin:20px 20px 20px 20px; border:ridge; border-top:none;border-left:none; border-right:none;}
img#smallpicplace {padding-top:10px; margin:2px 10px; float:right; }
p.contact-bold{
font-size:18px; padding-bottom:8px;
}
#input {margin-left:20px;}
#input fieldset{border-color:#FCC; }
/*input form*/
#letter {
padding-top:20px;}
.people{padding-top:1px;}
/*End of Page*/
#homefooter {width:950px;}
#homefooter .sosumi p { margin-bottom: 0; }
#homefooter {margin: 0 auto 22px; text-align: center; font-size: 10px; color: #6e6e6e;}
#homefooter #links { border: 1px solid #999;border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 1em 2em; zoom: 1; }
#homefooter #links:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
#homefooter #links p { margin-bottom: 0; }
#homefooter #links p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#homefooter #links ul {float:right;}
Thank you.
css:
p, a, ul, ol, li, td, input, label, textarea{
margin: 0px;
padding: 0px;
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
height: auto;
}
#wrapper {
height: auto;
width: 950px;
margin-right: auto;
margin-left: auto;
}
img{border:none;}
img#logo{margin:0px;padding-left:20px; }
a.image1 {float:right;}
a.image2 {float:right;}
a.image3 {float:right;}
columnx{width:300px;zoom: 1;
}
a.image4 {margin-left:20px;}
a.image5 {margin-left:20px;}
a.image6 {margin-left:20px;}
.founder-letter p{
margin-top:14px;
text-align:justify;
width:300px;margin-left:20px;
}
#pic {float:right; display:inline;
}
#medical-alert-info{
float:right;
border-style:none;
}
#header .top {
float: left;
height: 110px;
width: 100%;
}
.top #links a {
color: #000;
text-decoration: none;
}
.top #links a:hover {
text-decoration: underline;
}
#links ul { margin-left: 0px; }
#links li {
display: block;
float: right;
list-style-type: none;
padding-right: 10px;
padding-left: 10px;
}
#logo {
float: left;
height: 106px;
width: 244px;
padding: 22px 0 0 16px;
border-style:none;
}
.phone {
float: right;
width: 300px;
height: auto;
margin: 10px 0 ;
}
.phone p {
color: #43499e;
line-height: 20px;
text-align: center;
}
.phone strong {
font-size: 28px;
font-weight: bold;
}
.phone span {
font-size: 16px;
}
#Phoenix div { margin: 0 auto; width:950px; margin-left:10px; }
#Phoenix li {
float: left;
list-style-type: none;
font-size: 12px;
text-transform: uppercase;
color: #07558b;
height: 20px;
background-position: top right;
background-repeat: no-repeat;
display: block;
margin-top: 15px;
}
#Phoenix a {
text-decoration: none;
color: #343592;
height: 15px;
padding: 2px 6px 3px 6px;
margin: 0 6px 0 4px;
border: 1px solid #ffffff;
font: bold 11px Verdana, Tahoma, Helvetica, Arial, sans-serif;
}
#Phoenix a:hover {
color: #FFFFFF;
background-color: #09F;
border: thin solid #666;
width:99%;
}
/*body section*/
/*#body-section{margin-left:20px;}*/
/*body section family*/
p.title-section{padding:5px 0 5px 0; text-align:justify;}
img#a{float:left; padding:5px 0 0 5px;}
img#b{float:right; padding-left:10px;}
p.first-paragraph{padding-bottom:10px;text-align:justify;}
p.second-paragraph{text-align:justify;padding-bottom:10px;text-align:justify;}
p.third-paragraph{text-align:justify;}
/*Friend Copy*/
img#Friends{float:left; padding:0 10px 0 0px;}
p.second-friends-paragraph{padding:10px 0 10px 0; text-align:justify;}
img#belt-alarm{float:right; padding-left:7px;}
/*How it works*/
img#how-a{float:left; padding:5px 0 0 5px;}
img#how-b{float:right; padding-left:10px;}
p.first-paragraph-how{padding-bottom:10px;text-align:justify;}
p.second-paragraph-how{text-align:justify;padding-bottom:10px;text-align:justify;}
p.fourth-paragraph{text-align:justify;padding-bottom:10px;text-align:justify;}
p.third-paragraph-how{text-align:justify;}
img#Emergency-Button{float:left; padding:8px 5px 0 5px;}
img#Ambulance-Medical-Alarm{float:right;padding-left:10px;}
/*products page*/
img#Medical-Alert-Lockbox{padding-left:15px; padding-top:5px;}
p.paragraph1{width:750px; text-align:justify; float:right; padding-top:20px;}
p.paragraph2{width:750px; text-align:justify; float:right; padding-top:20px;}
p.paragraph3{width:750px; text-align:justify; float:right; padding-top:30px;}
img#Request-Medical-Alarm-Product-Information{margin-top:10px; margin-left:175px;}
/*about*/
p.about1{text-align:justify; width:750px;float:right;padding-top:10px;}
img#Arizona{}
/*special*/
p.gift-box-text1{width: 350px; float:right; margin-right:350px;}
/*contact*/
#contact-us{width:700px;}
input#first name{margin-left:200px;}
#contact-us fieldset{border-color:#FCC;}
/*health related articles*/
img#Elderly-Aging-Research{border:solid 1px;}
p.aging{ width:400px; margin-right:250px; float:right; text-align:justify;}
p.aging a{text-decoration:none;}
/*map*/
#site-map{padding-top:5px;}
#site-map a{float:left;}
/*input form*/
#text-alert {width:350px; text-align:justify; margin:20px 20px 20px 20px; border:ridge; border-top:none;border-left:none; border-right:none;}
img#smallpicplace {padding-top:10px; margin:2px 10px; float:right; }
p.contact-bold{
font-size:18px; padding-bottom:8px;
}
#input {margin-left:20px;}
#input fieldset{border-color:#FCC; }
/*input form*/
#letter {
padding-top:20px;}
.people{padding-top:1px;}
/*End of Page*/
#homefooter {width:950px;}
#homefooter .sosumi p { margin-bottom: 0; }
#homefooter {margin: 0 auto 22px; text-align: center; font-size: 10px; color: #6e6e6e;}
#homefooter #links { border: 1px solid #999;border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 1em 2em; zoom: 1; }
#homefooter #links:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
#homefooter #links p { margin-bottom: 0; }
#homefooter #links p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#homefooter #links ul {float:right;}