Jump to content

OVERFLOW and footer problems -


d-leifer

Recommended Posts

Hi, I'm redesigning my website and you can see an example page here: http://downtownpet.com/new%20website/manha..._emergency.htmlMy question is regarding the overflow of content and my footer. I would like all my content div's to move down on their own and have the container do the same.Also, I'd like the footer to be pushed down organically as the content grows larger too. I don't want to use a scroll, hide, etc.. Any help would be greatly appreciated!my css is the following:body { margin-top: 5px; margin-right: auto; margin-left: auto; margin-bottom: 0px; padding: 0px; background: #fff; text-align: left; color: #565656; height: 100%; font-family: "Times New Roman", Times, serif; font-size: 12px;}#outer { min-height: 100%; margin-bottom: -50px; height: auto;}p { margin: 3ems 0 3ems 0;}p.second { line-height: 3em;}img {}h1 { color: #973100; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; list-style-type: none; margin: 3ems 0 3ems 0;}h2 { color: #973100; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; list-style-type: none; margin: 0ems;}h3 { color: #336699; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; list-style-type: none; margin: 3ems 0 3ems 0;}.orange { color: #973100; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; list-style-type: none; padding-top: 5px;}.orange2lines { color: #973100; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; list-style-type: none; margin: 5px 0 5px 0;}.brownMiddle { color: #9EB847; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; text-align: center;}.brown { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: bold; color: #78c858; padding: 2px;}#frame { width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 0px; text-align: center; height: 100%; margin-bottom: -50px; min-height: 100%;}/* -- END BODY ESSENTIALS -- *//* ---- HEADER AND TOP NAV ---- */#header { border: 0px; margin-right: auto; margin-left: auto; background-image: url(../images/bckgrnd-header.jpg); border: 0px; height: 104px; width: 100%; padding: 0px; position: absolute; top: 0px; left: 0px; text-align: left;}#logo { position:absolute; width:420px; height:105px; z-index:2; background-image: url(../images/logo.jpg); background-repeat: no-repeat;}/* hides from IE Mac */* html .clearfix {height: 1%;}.clearfix {display: block;}/*End hide from IE Mac*/#topNav { float: right; padding: 0px; margin: 0; position: absolute; right: 150px; top: 17px; display: inherit; width: 100%; height: 100%; font: normal #fff 14px/1em time new roman; text-align: right; } #topNav li { padding: 0 15px 0px 0; list-style: none; line-height: 1.5em; } #topNav a { color: #815b2c; text-decoration: none; font-size: 14px; }#topNav a:visited { text-decoration: none; }#topNav a:hover { text-decoration: underline; font-size: 14px; }/* ---- NAV BAR ---- */#navbar { position: absolute; top: 98px; left: 0px; border: 1px 0px 1px 0px solid #483D8B; background-color: #9EB847; height: 28px; width: 100%; font: 14px arial; text-align: center; z-index: 2; } #navbar ul { position: absolute; top: -2px; left: 95px; list-style: none; margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 5px; border: none; display: inline; width: 634px; } #navbar li { margin: 0; display: inline; padding-right: 15px; padding-top: 5px; padding-bottom: 10px; } #navbar li a { display: inline; padding: 10px; color: #f5ffcc; text-decoration: none; width: 100%; }html>body #navbar li a { width: auto; }#navbar li a:hover { background-color: 9EB847; color: #f7ffcc; font-size: 14px; text-decoration: underline;}/* ------------------------------- MAIN BODY --- *//* ---- SIDE & FORM ---- */#sidebar { position:absolute; left:10px; top:12px; width:114px; height:59px; padding: 5px; background-image: url(nyc-puppy-care/images/sidebar_bkgnd.gif); font-size: 14px; display: inline;}#leftColumn #sidebar a { text-decoration: none; color: #fff; padding: 0px;}#contactImage { position: absolute; left: 17px; top: 85px;}#leftColumn { width: 146px; margin: 0 0px 0 0; float: left; position: absolute; left: 13px; top: 146px; height: 293px; border: 1px; ; ; padding: 0px; border-color: #815b2c; border-style: dotted; }#leftColumn li a, a:hover {color: #fff;padding: 0px;}a { color: #6DB0f3;}#leftColumn img { border: 0px; background-color: #fff; padding: 0px;}#leftColumn #clientLogin { position: absolute; left: 10px; border: 0px; color: #fff; border-color: #fff; padding: 0px; top: 10px;}#leftColumn #clientLogin li a, a:hover {color: #fff} #leftColumn #sideMenu { border: 1px dotted #556666; padding: 10px; margin: 0 0 20px 0; } #leftColumn #sideMenu h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #404040; padding: 0 0 2px 0; text-align: left; } #leftColumn #sideMenu li { font-family: lucida Grande, Verdana, Arial, Sans-serif; color: #5d752c } #leftColumn #sideMenu li a { color: #fff; text-decoration: none; padding: 0px; }#leftColumn #sideMenu li a:hover { color: #404040; text-decoration: none; padding: 0px; } #leftColumn #helpanimalsBox { text-align: center; border: 1px dotted #556666; padding: 58px 10px 20px 10px; margin: 0 0 20px 0; font-family: Georgia, Verdana, Arial, Sans-serif; font-size: 14px; background: url(../httpdocs/images/small logo.jpg) no-repeat center .5em; }#leftColumn #helpanimalsBox a { text-decoration: none; }#leftColumn #helpanimalsBox a:hover { text-decoration: underline; color: #5d752c; }#leftColumn #promoBox { text-align: center; border: 1px dotted #556666; padding: 58px 10px 20px 10px; margin: 0 0 20px 0; font-family: Georgia, Verdana, Arial, Sans-serif; font-size: 14px; }#leftColumn #promoBox a { text-decoration: none; }#leftColumn #promoBox a:hover { text-decoration: underline; color: #5d752c; } #form { position:absolute; width:150px; height:110px; z-index:3; left: 25px; top: 155px; text-align: left; background: #fff; margin: 0 !important; padding: 0px 0px 0px 6px; font: bold 11px arial, verdana, sans-serif; color: #236575; border: 0px;}#form h1 { font: bold 14px arial, verdana, sans-serif; padding: 2px 3px 0px 3px; margin: 0px;}.texta { background-color: #fff; border: 1px inset Gray; font-size: 12px; margin: 1px 0px 2px -1px;}.checkbox { color: #FFFFFF; margin: 3px 3px 0px 0px; padding: 0px; border: 0px;}/* ---- SIDE BAR LINKS ---- */#sidelinks { position:absolute; width:150px; height:125px; z-index:3; left: 25px; top: 272px; font: bold 14px/1em arial, verdana, sans-serif; color: #236575; text-align: left; background-color: #fff; padding: 2px 1px 0px 5px;}#sidelinks ul { font: normal 12px/1.5em arial, verdana, sans-serif; margin: 0px; padding: 8px 0px 0px 2px;}#sidelinks li { padding: 0px; list-style: none; } #sidelinks a { color: #236575; text-decoration: none; }#sidelinks a:visited { text-decoration: none; }#sidelinks a:hover { text-decoration: underline; }#main { position: absolute; left: 401px; width: 255px; top: 159px; height: 317px; float: left;}#main-img {position absolute position: absolute; width: 361px; float: right; position: absolute; left: 23px; top: 157px; height: 227px;}img { padding: 15px; border: opx;}#main-img ul { text-align: left; text-decoration: none; list-style: none;}#main-img li { text-align: left; text-decoration: none; list-style: none; line-height: 1em;}#main-img li a {}#main-img li a:hover {}main-links {position: absolute;}#midtop-pets { position: absolute; left: 190px; top: 132px; width: 487px; height: 118px; background: url(nyc-puppy-care/css/combined/images/midtop_pets.jpg) no-repeat;}#midpets_copy { position: absolute; width: 344px; height: 90px; z-index: 5; left: 110px; top: 5px; background-color: transparent; border: 1px none #000000; text-align: left;}.georgia { font: bold 14px Georgia, Times New Roman, Times, serif; color: #6DB0f3;}/* --- home --- */#midbot-home { position:absolute; left:174px; top:147px; width:675px; height:100%; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c; min-height: 100%;}#midbot-home2 { position:absolute; left:174px; top:147px; width:675px; height:100%; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c; list-style: none; min-height: 100%; margin-bottom: -50px;}#midbot-home ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-home li { font: normal 12px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; list-style-type: none; } #midbot-home li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; }#midbot-home li a:visited { color: #6699cc; text-decoration: underline; font-weight: normal; }#midbot-home li a:hover { text-decoration: none; background-color: #fff; color: #69c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }#midbot-home2 { position:absolute; left:173px; top:146px; width:675px; height:375px; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c; list-style: none; margin-bottom: -50px;}#midbot-home2 ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-home2 li { font: normal 12px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; list-style-type: none; } #midbot-home2 li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; }#midbot-home2 li a:visited { color: #6699cc; text-decoration: underline; font-weight: normal; }#midbot-home2 li a:hover { text-decoration: none; background-color: #fff; color: #69c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }#midbot-left-side { position: absolute; width: 353px; height: 367px; border: 0px; top: 10px; padding: 10px; float: left;}#midbot-right-side { position: absolute; left: 377px; top: 10px; height: 370px; border: 0px; width: 304px; float: right;}#services-left-side { position: absolute; width: 353px; height: 385px; border: 0px; top: 10px;}#services-right-side { position: absolute; left: 377px; top: 10px; height: 353px; border: 0px; width: 304px;}#vets-left-side { position: absolute; width: 353px; height: 100%; border: 0px; top: 10px; min-height: 100%;}#vets-right-side { position: absolute; left: 377px; top: 10px; height: 100%; border: 0px; width: 304px; min-height: 100%;}#resources-left-side { position: absolute; width: 578px; height: 1064px; border: 0px; top: 10px; left: 13px; padding: 20px 35px 35px 35px; list-style: none;}#resources-right-side { position: absolute; left: 377px; top: 10px; height: 353px; border: 0px; width: 304px;}/* --- SERVIES --- */#midbot-services { position:absolute; left:176px; top:146px; width:658px; height:661px; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c;}#midbot-services2 { position:absolute; left:176px; top:146px; width:658px; height:661px; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c;}#midbot-services ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-services li { font: normal 12px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; list-style-type: none; } #midbot-services li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; }#midbot-services li a:visited { color: #6699cc; text-decoration: underline; font-weight: normal; }#midbot-services li a:hover { text-decoration: none; background-color: #fff; color: #69c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }#midbot-services p { line-height: 1.5em;}#midbot-services2 { position:absolute; left:176px; top:146px; width:658px; height:727px; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-color: #815b2c;}#midbot-services2 ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-services2 li { font: normal 12px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; list-style-type: none; } #midbot-services2 li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; }#midbot-services2 li a:visited { color: #6699cc; text-decoration: underline; font-weight: normal; }#midbot-services2 li a:hover { text-decoration: none; background-color: #fff; color: #69c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }/* --- about us --- */#midbot-aboutUs { position:absolute; left:177px; top:157px; width:658px; height:469px; border-width: 1px; border-style: dotted; padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-color: #206575;}#midbot-aboutUs ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-aboutUs li { font: normal 14px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #6DB0f3; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; } #midbot-aboutUs li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6DB0f3; }#midbot-aboutUs li a:visited { color: #6DB0f3; text-decoration: underline; font-weight: bold; }#midbot-aboutUs li a:hover { text-decoration: none; background-color: #6DB0f3; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }#midbot-aboutUs a { color: #6DB0f3;}#midbot-aboutUs a:hover { background-color: #6DB0f3; color: #fff;}/* --- puppy facts --- */#midbot-puppyFacts { position:absolute; left:176px; top:157px; width:658px; height:509px; border-width: 1px; border-style: dotted; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-color: #206575;}#midbot-puppyFacts ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-puppyFacts li { font: normal 14px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; } #midbot-puppyFacts li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6DB0f3; }#midbot-puppyFacts li a:visited { color: #6DB0f3; text-decoration: underline; font-weight: bold; }#midbot-puppyFacts li a:hover { text-decoration: none; background-color: #6DB0f3; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }/* --- contact us --- */#midbot-contactUs { position:absolute; left:176px; top:157px; width:658px; height:325px; border-width: 1px; border-style: dotted; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-color: #206575;}#midbot-contactUs ul { margin: 15px 0 0 15px; padding: 0px; text-align: left;}#midbot-contactUs li { font: normal 14px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; } #midbot-contactUs li a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6DB0f3; }#midbot-contactUs li a:visited { color: #6DB0f3; text-decoration: underline; font-weight: bold; }#midbot-contactUs li a:hover { text-decoration: none; background-color: #6DB0f3; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }/* --- WALKERS --- */ #midbot-walkers { position:absolute; left:521px; top:129px; width:296px; height:236px;}#midbot-walkers ul { margin: 30px 0px 0px 10px; padding: 0px;}#midbot-walkers li { font: normal 12px/1.5em arial, verdana, sans-serif; padding: 0px; list-style: none; margin-top: 0px; text-align: left; color: #565656; line-height: 2em; } #midbot-walkers li a { color: #0063DC; text-decoration: none; }#midbot-walkers li a:visited { color: #556666; text-decoration: none; }#midbot-walkers li a:hover { text-decoration: none; background-color: #009cea; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px; }/* --- CLIENTS --- */#midbot-clients { position:absolute; left:31px; top:163px; width:367px; height:219px;}#midbot-clients ul { margin: 30px 0px 0px 10px; padding: 0px;}#midbot-clients li { list-style: none; margin-top: 0px; text-align: left; color: #565656; font: normal 14px/1.5em verdana, sans-serif; line-height: 1.5em; padding-left: 50px; } #midbot-clients li a { color: #0063DC; text-decoration: none; }#midbot-clients li a:visited { color: #483D8B; text-decoration: none; }#midbot-clients li a:hover { text-decoration: none; background-color: #009cea; color: #fff; }/* --- midbot - client login --- */#midbot-clientLogin { position:absolute; left:234px; top:158px; width:315px; height:174px; border-color: #206575; border-width: 1px; border-style: dotted;}#midbot-clientLogin ul { margin: 30px 0px 0px 10px; padding: 0px;}#midbot-clientLogin li { list-style: none; margin-top: 0px; text-align: left; color: #565656; font: normal 14px/1.5em verdana, sans-serif; line-height: 1.5em; padding-left: 50px; } #midbot-clientLogin li a { color: #0063DC; text-decoration: none; }#midbot-clientLogin li a:visited { color: #483D8B; text-decoration: none; }#midbot-clientLogin li a:hover { text-decoration: none; background-color: #009cea; color: #fff; }/* ------------------------------------- FOOTER --- */#footer { font: normal 11px arial, verdana, sans-serif; position: inherit; left: -39px; text-align: center; background-color: #815b2c; height: 28px; width: 100%; padding: 10px 50px 10px 9px; top: 565px;}#footer-clear { clear: both; height: 50px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer ul { display: inline;}#footer li { font: normal 12px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer li a { color: #f7ffcc; text-decoration: none; font-weight: lighter; }#footer li a:visited { color: #f7ffcc; text-decoration: none; }#footer li a:hover { text-decoration: underline; color: #f7ffcc; font-weight: lighter; background-color: #815b2c; font-size: 12px; }/* ------------------------------------- FOOTER --- */#footer-services { font: normal 11px arial, verdana, sans-serif; position: absolute; left: -16px; text-align: center; background-color: #dedede; color: #1F5DA6; width: 100%; top: 857px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-services ul { display: inline;}#footer-services li { font: normal 14px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-services li a { color: #565656; text-decoration: none; }#footer-services li a:visited { color: #565656; text-decoration: none; }#footer-services li a:hover { text-decoration: none; color: #fff; font-weight: lighter; background-color: #565656; font-size: 14px; }/* ------------------------------------- FOOTER - about us --- */#footer-aboutUs { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 720px; left: -19px; text-align: center; background-color: #dedede; color: #1F5DA6; height: 25px; width: 100%; padding: 10px 50px 10px 9px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-aboutUs ul { display: inline;}#footer-aboutUs li { font: normal 14px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-aboutUs li a { color: #565656; text-decoration: none; }#footer-aboutUs li a:visited { color: #565656; text-decoration: none; }#footer-aboutUs li a:hover { text-decoration: none; color: #fff; font-weight: lighter; background-color: #565656; font-size: 14px; }/* ------------------------------------- FOOTER - puppy facts --- */#footer-puppyFacts { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 714px; left: -48px; text-align: center; background-color: #dedede; color: #1F5DA6; height: 25px; width: 100%; padding: 10px 50px 10px 9px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-puppyFacts ul { display: inline;}#footer-puppyFacts li { font: normal 14px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-puppyFacts li a { color: #565656; text-decoration: none; }#footer-puppyFacts li a:visited { color: #565656; text-decoration: none; }#footer-puppyFacts li a:hover { text-decoration: none; color: #fff; font-weight: lighter; background-color: #565656; font-size: 14px; }/* ------------------------------------- FOOTER - services --- */#footer-services { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 875px; left: 10px; text-align: center; background-color: #815b2c; height: 28px; width: 100%; padding: 10px 50px 10px 9px;}#footer-services2 { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 848px; left: -34px; text-align: center; background-color: #815b2c; height: 28px; width: 100%; padding: 10px 50px 10px 9px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-services ul { display: inline;}#footer-services li { font: normal 12px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-services li a { color: #f7ffcc; text-decoration: none; font-weight: lighter; }#footer-services li a:visited { color: #f7ffcc; text-decoration: none; }#footer-services li a:hover { text-decoration: underline; color: #f7ffcc; font-weight: lighter; background-color: #815b2c; font-size: 12px; }#footer-services2 { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 912px; left: -38px; text-align: center; background-color: #815b2c; height: 28px; width: 100%; padding: 10px 50px 10px 9px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-services2 ul { display: inline;}#footer-services2 li { font: normal 12px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-services2 li a { color: #f7ffcc; text-decoration: none; font-weight: lighter; }#footer-services2 li a:visited { color: #f7ffcc; text-decoration: none; }#footer-services2 li a:hover { text-decoration: underline; color: #f7ffcc; font-weight: lighter; background-color: #815b2c; font-size: 12px; }#footer-resources { font: normal 11px arial, verdana, sans-serif; position: absolute; top: 567px; left: -1px; text-align: center; background-color: #815b2c; height: 28px; width: 100%; padding: 10px 50px 10px 9px;}#footer-links { position: absolute; display: inline; left: 14px; top: 22px; width: 699px; padding: 0 20px 0 20px;}#midbot-links { position: absolute; float: right; left: 246px; top: 425px; width: 96px; height: 30px;}#footer-resources ul { display: inline;}#footer-resources li { font: normal 12px/1.5em arial, verdana, sans-serif; list-style: none; margin: 0px; text-align: left; color: #565656; display: inline; list-style-type: none; padding: 5px;} #footer-resources li a { color: #f7ffcc; text-decoration: none; font-weight: lighter; }#footer-resources li a:visited { color: #f7ffcc; text-decoration: none; }#footer-resources li a:hover { text-decoration: underline; color: #f7ffcc; font-weight: lighter; background-color: #815b2c; font-size: 12px; }.clear { clear: both;}

Link to comment
Share on other sites

Good god, man, use a set of freaking code tags.And reduce the bulk of the code so that the only elements we need to review are pertinent to the question.Lose the absolute positioning of stuff will help solve your problem. Absolute positioning is known to cause these problems. Utilize the Normal Flow of the Document to your advantage.

Link to comment
Share on other sites

Ugh! After scrolling through possibly the longest CSS file I have ever seen. And thinking you really, really need to learn shorthand for CSS. I just had to see the page that needed all those styles, but nothing is there. :)

Link to comment
Share on other sites

Hey fellas, I'm a newbie so sorry if there were any issues with how I presented the code but I also didn't write the code - I hired a designer, one who I guess didn't do a great job. I've since learned more and figured it out but thank you for your time and again sorry for the mess of code.

Link to comment
Share on other sites

  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...