I have a problem with a landing page.
Posted: Thu Oct 06, 2011 8:14 pm
If you look to the right there's a white gap and overlapping. How do I center everything and make it conform to any screen size?
http://estheticianweb.com/
Thanks for any help, I don't do much design work anymore so I'm in need of major help.
CSS
*********************************************
****************************************************************************************
http://estheticianweb.com/
Thanks for any help, I don't do much design work anymore so I'm in need of major help.
CSS
*********************************************
Code: Select all
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: left;
font-size: small;
}
/* You named this layer Background */
#Layer-1 {
position: absolute;
left: -58px;
top: -208px;
width: auto;
height: auto;
z-index: 1;
}
/* You named this layer Shape 3 */
#Layer-2 {
position: absolute;
left: 609px;
top: 322px;
width: 7px;
height: 668px;
z-index: 2;
}
/* You named this layer Shape 3 copy */
#Layer-3 {
position: absolute;
left: 874px;
top: 644px;
width: 8px;
height: 346px;
z-index: 3;
}
/* You named this layer Shape 3 copy 2 */
#Layer-4 {
position: absolute;
left: 1146px;
top: 644px;
width: 8px;
height: 346px;
z-index: 4;
}
/* You named this layer Shape 4 */
#Layer-5 {
position: absolute;
left: 614px;
top: 645px;
width: 780px;
height: 5px;
z-index: 5;
}
/* You named this layer Included - Welcome Package - */
#Layer-6 {
position: absolute;
left: 628px;
top: 776px;
width: 235px;
height: 177px;
z-index: 6;
}
/* You named this layer Shape 5 */
#Layer-7 {
position: absolute;
left: 686px;
top: 696px;
width: 118px;
height: 58px;
z-index: 7;
}
/* You named this layer Sign up Today for just 199 */
#Layer-8 {
position: absolute;
left: 630px;
top: 660px;
width: 229px;
height: 87px;
z-index: 8;
}
/* You named this layer Our Skin Care Product Affilia */
#Layer-9 {
position: absolute;
left: 353px;
top: 349px;
width: 230px;
height: 70px;
z-index: 9;
}
/* You named this layer Skin Care Heaven was founded */
#Layer-10 {
position: absolute;
left: 350px;
top: 446px;
width: 236px;
height: 242px;
z-index: 10;
}
/* You named this layer Screen shot 2011-07-27 at 1134 */
#Layer-11 {
position: absolute;
left: 339px;
top: 718px;
width: 256px;
height: 201px;
z-index: 11;
}
/* You named this layer iStock_000011390980Medium */
#Layer-12 {
position: absolute;
left: 633px;
top: 340px;
width: 219px;
height: 305px;
z-index: 12;
}
/* You named this layer Why Esthetician Web */
#Layer-13 {
position: absolute;
left: 791px;
top: 360px;
width: 313px;
height: 33px;
z-index: 13;
}
/* You named this layer With Esthetician Web you hav */
#Layer-14 {
position: absolute;
left: 867px;
top: 423px;
width: 481px;
height: 208px;
z-index: 14;
}
/* You named this layer How can we make your life easi */
#Layer-15 {
position: absolute;
left: 911px;
top: 656px;
width: 212px;
height: 63px;
z-index: 15;
}
/* You named this layer stellaexcellent_110 */
#Layer-16 {
position: absolute;
left: 965px;
top: 738px;
width: 104px;
height: 66px;
z-index: 16;
}
/* You named this layer - Provide customer service rat */
#Layer-17 {
position: absolute;
left: 902px;
top: 822px;
width: 230px;
height: 141px;
z-index: 17;
}
/* Here are some examples of how you might want to change the
* look and behavior of the links on your page. Some examples for
* further customization are included in comments. */
a {
cursor: pointer;
outline: none;
}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
color: #F00;
/* text-decoration: underline; */
/* font-weight: bold; */
}****************************************************************************************