|
Urgent please! Three column with footer, alignment issues
08-09-2010, 10:58 AM
|
Urgent please! Three column with footer, alignment issues
|
Posts: 4
Name: Stacey
|
Hi.
I have been working on this for the past 12 hours straight and i can't see the issue clearly now.
Take a look at my current status: http://www.innovacionnatural.com
I can either get the three columns lined up at the top but they flow overtop of the footer...
or
i can push the footer down (as shown now), but then each column is pushed down.
Can someone please help me? please. im dieing here.
|
|
|
|
08-09-2010, 11:02 AM
|
Re: Urgent please! Three column with footer, alignment issues
|
Posts: 4
Name: Stacey
|
Also here is my (layout) CSS file
HTML Code:
/* Global Reset */
* {
margin: 0;
padding: 0;
}
/* General */
#clearone {
clear:both;
height: 1px;
}
body {
color:#007F00;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 100%;
}
input, select {
font-size: 10px;
}
input {
padding: 2px;
}
p {font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
line-height: 1.3;
margin-bottom: 15px;
}
a {
font-weight: normal;
text-decoration: none;
}
h1, h2, h2b, h3, h4, h5, h6 {
font-weight: normal;
padding-bottom: 5px;
line-height: 1em;
font-family: Georgia, serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #262626; }
.upperfootertext {
font-size: 28px;
color: #ffffff;
font-family: Georgia, serif;
}
.topphonenumber {
font-size: 28px;
color: #619d16;
font-family: Georgia, serif;
margin-left: 50px;
}
#news {
font-size: 18px;
color: #ffffff;
font-family: Georgia, serif;
line-height: 26px;
}
h2 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
margin: 0 0 8px 0;
}
h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
text-transform:uppercase;
}
h4 {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
text-transform:uppercase;
}
img, img a {
border: 0;
}
ul, ol {
margin: 0 0 10px 30px;
}
li {
margin: 0;
margin-bottom: 2px;
padding: 0;
}
blockquote {
margin-left: 28px;
}
select option {
padding: 0 10px;
}
hr {
margin: 0 0;
padding: 0;
height: 1px;
border:0;
align: center;
}
/* Forms */
.HorizontalFormContainer dl, .VerticalFormContainer dl {
margin: 0;
}
.HorizontalFormContainer dt img {
vertical-align: middle;
float: left;
}
.HorizontalFormContainer dt .fieldLabel {
float:left;
padding-top: 4px;
padding-left: 4px;
}
.HorizontalFormContainer dt {
width: 160px;
float: left;
clear: left;
}
.HorizontalFormContainer dd.ProductField {
height: 20px;
}
.HorizontalFormContainer dd {
padding-top:4px;
margin-left: 170px;
}
.NarrowFormContainer dt {
width: 110px;
}
.NarrowFormContainer dd {
margin-left: 120px;
}
.HorizontalFormContainer p.Submit {
margin-left: 170px;
}
.NarrowFormContainer p.Submit {
margin-left: 120px;
}
.VerticalFormContainer dt {
margin-bottom: 6px;
}
.VerticalFormContainer dd {
margin-bottom: 6px;
margin-left: 10px;
}
/* Page Container */
#Container {
max-width: 100%;
margin: 0;
border: 0;
color:#007F00;
}
/* Top Navigational Menu */
#TopMenu {
width: 100%;
height: 29px;
overflow: hidden;
}
#TopMenu ul {
list-style: none;
padding: 0;
margin: 0 15px 0 0;
float: right;
}
#TopMenu li {
list-style: none;
float: left;
display: inline;
margin: 0;
padding: 0;
}
#TopMenu li.First a {
}
#TopMenu li a, #TopMenu li div {
display: block;
text-decoration: none;
font-size: 11px;
padding: 0 0 0 20px;
margin: 8px 0 7px 0;
}
#TopMenu li div a {
padding: 0;
margin: 0;
display: inline;
font-size: 1em;
}
#TopMenu li a:hover {
text-decoration: none;
}
/* Pages Menu */
#Menu {
clear: both;
float:left;
width: 100%;
height: 27px;
display: inline;
z-index: 1;
}
#Menu ul {
margin: 0 0 0 6px;
padding: 0;
}
#Menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#Menu li.First {
}
#Menu li a {
display: block;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
padding: 6px 10px 5px 10px;
height: 16px;
}
#Menu li a:hover {
text-decoration: none;
}
#Menu li ul {
width: auto;
clear: both;
top: 27px;
left: -7px;
display: none;
text-align: left;
font-size: 0.85em;
background: transparent;
z-index: 10;
}
#Menu li ul li {
clear: both;
text-align: left;
background: transparent;
}
#Menu li ul li a {
padding: 5px 10px 5px 10px;
font-size: 1em;
text-align: left;
margin: 0;
width: 120px;
height: auto;
}
#Menu li a:hover{
text-decoration: none;
}
#Menu li.over a {
text-decoration: none;
}
#Menu li ul li a, #Menu li.over li a {
}
#Menu li:hover ul, #Menu li.over ul {
display: block;
}
#Menu li ul li a:hover {
text-decoration: none;
}
/* Holly Hack. IE Requirement */
* html #Menu ul li {
float: left;
height: 1%; }
* html #Menu ul li a {
height: 1%; }
/* End */
/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
}
/* Header */
#Header {
float: left;
width: 100%;
height: 275px;
display: inline;
}
/* Logo */
#Logo {
float: left;
width: 800px;
clear:both;
}
#Logo h1 {
padding-top: 8px;
font-size: 35px;
}
#Logo h1 a {
text-decoration: none;
}
#LogoImage {
position: absolute;
left: 15px;
top: 15px;
}
}/* Left Content Area */
#Wrapper {
top:0;
left:0;
width: 100%;
/* To enable menu dropdowns over a relatively positioned element */
}
.Left {
float:left;
text-align:center;
margin-top: 50px;
width: 220px;
min-height: 500px;
font-size: 0.85em;
padding: 0 0 30px 0;
}
.Left .Block {
width: 200px;
padding-bottom: 5px;
margin: 0 10px 10px 10px;
}
.Left .BlockContent {
}
.Left h2 {
font-size: 10px;
margin: 5px;
}
.Left ul {
margin: 0;
padding: 0;
}
.Left li {
list-style: none;
margin: 0;
padding: 3px 0;
}
.Left li {
}
.Left li a {
text-decoration: none;
}
.Left li a:hover {
color: #e53910;
text-decoration: none;
}
.Left #SideCategoryList li ul {
border-top: 1px solid white;
}
.Left #SideCategoryList li.LastChild {
border-bottom: 0 !important;
}
.Left #SideCategoryList li{
padding: 5px 0 0 0;
}
.Left #SideCategoryList li ul {
padding-left: 15px;
}
/* Primary Content Area */
.Content {
float:left;
min-height: 550px;
margin: 15px 220px 0 220px;
padding: 20px 10px 10px 10px;
font-size: 0.95em;
}
.Content .Block {
margin-bottom: 10px;
}
.Content h2 {
padding: 3px 5px 3px 5px;
margin: 5px 0 5px 0;
}
.Content a:hover {color: #e53910;
text-decoration: none;
}
/* Primary Content Area (column span of 2) */
.Content.Wide {
margin: 0 200px 0 20px;
}
.Content.Wide.WideWithLeft {
margin: 0 20px 0 220px;
}
/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
margin: 0 20px 0 20px;
}
/* Right Content Area */
.Right {
float:right;
margin-top: 50px;
right:0;
width: 220px;
text-align: center;
min-height: 500px;
font-size: 0.85em;
padding: 50px 0 30px 0;
}
.Right .Block {
width: 180px;
padding-bottom: 5px;
}
.Right .BlockContent {
}
.Right h2 {
font-size: 10px;
font-color: #E53910;
}
.Right ul {
}
.Right li {
list-style: none;
}
.Right li {
}
.Right li a {
text-decoration: none;
}
.Right li a:hover {
text-decoration: none;
color: #E53910;
}
#Upperfooter {
clear:both;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #393939;
float:left;
width: 100%;
height: 275px;
display: block;
}
#upperfootercontainer {
position: relative;
text-shadow: -1px -1px 1px #000000;
padding: 20px 20px 0px 20px;
width: 95%;
float: left;
}
#SocialNetworking {
width: 210px;
text-align: center;
}
#newspanel {
left: auto;
right: auto:
max-width: 55%;
text-align: center;
overflow: hidden;
margin-top: -119px;
}
#HomeRecentBlogs {
}
#getintouchpanel {
position: absolute;
top:20px;
right:0;
width: 210px;
text-align: center;
float: right;
}
#ContactInfo {
}
/* Page Footer */
#Footer {
float: right;
height: 15px;
font-size: 0.85em;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
margin: 5px 20px;
padding: 0 0 0 0;
}
#Footer ul {
list-style: none;
margin: 0 0 30px 115px;
padding: 0;
}
#Footer li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#Footer li a {
text-decoration: none;
padding: 0 10px 0 10px;
}
/* Newsletter Subscription Form */
.NewsletterSubscription {
background: url('/template/images/green/newsletterbg.png') no-repeat right;
width: 200px;
height:300px;
clear: both;
}
.NewsletterSubscription label {
clear: both;
float: center;
}
.NewsletterSubscription input {
width: 139px;
font-size: 10px;
padding: 3px;
margin-top: 5px;
margin-bottom: 10px;
}
.NewsletterSubscription .Button {
width: 165px;
height: 55px;
border: 0;
margin-top: 15px;
vertical-align: left;
}
/* Product Listings */
.ProductList {
list-style: none;
margin: 0;
padding: 0;
}
.Content .ProductList li {
padding: 5px 0 5px 10px;
list-style: none;
float: left;
width: 180px;
min-height: 20em;
font-size: 0.95em;
text-align: center;
margin: 6px 8px 10px 0;
overflow: hidden;
}
.ProductList a {
text-decoration: none;
}
.Content .ProductList .ProductImage {
margin: 5px 0 5px 6px;
display: table-cell;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
overflow: hidden;
vertical-align: middle;
}
.Content .ProductList .ProductImage img{
vertical-align: middle;
}
.ProductList .ProductDetails {
padding: 5px;
min-height: 0;
}
.ProductList strong, .ProductList strong a {
}
.ProductPrice, .ProductList em {
font-style: normal;
font-weight: bold;
}
.ProductList em, .ProductList .Rating {
margin-top: 3px;
display: block;
}
.ProductList .Rating {
font-size: 0.9em;
font-weight: bold;
}
.ProductList .Rating img {
height: 12px;
margin-top: 3px;
}
.ProductList li .ProductCompareButton {
margin-top: 3px;
text-align: center;
}
.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
display: none;
}
.Left .ProductList .ProductImage img, .Right .ProductList .ProductImage img {
max-width:130px;
}
.Right .ProductList li {
width: 175px;
list-style: none;
margin: 0;
margin-top: 5px;
padding: 3px 0 5px 0;
color: #000000;
}
.Right .SideCart p
{
color: #000000;
}/* Top Seller Block Specific */
.Right .TopSellers {
padding: 0 0 40px 0;
}
.Right .TopSellers ul {
}
.Right .TopSellers li {
}
.Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
width: 10px;
font-size: 1.6em;
}
.Left .TopSellers li .TopSellerNumber {
}
.Right .TopSellers .ProductDetails { /* Contains the details of the item */
padding: 10px 0 10px 0;
}
.Right .TopSellers li.TopSeller1 { /* No1 seller box */
width: 180px;
height: auto;
clear: both;
margin-bottom: 10px;
display: inline;
}
.Right .TopSellers li.TopSeller1 img {
text-align: center;
overflow: hidden;
}
.Right .TopSellers li.TopSeller1 .TopSellerNumber {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
position: relative;
z-index: 1;
}
.Right .TopSellers li.TopSeller1 .ProductDetails {
clear: both;
float: left;
width: 180px;
font-size: 1.1em;
margin: 0;
padding: 0 0 20px 0;
}
.Right .TopSellers li.TopSeller1 .ProductImage {
clear: both;
float: left;
width: 180px;
display: inline;
text-align: center;
overflow: visible;
margin: 0 0 0 0;
border: 0;
}
.Right .TopSellers li .TopSellerNumber {
}
/* Side brand list*/
.Right .BrandList {
clear: both;
padding: 0 0 0 0;
}
/* Page Breadcrumbs */
.Breadcrumb ul, .Breadcrumb li {
list-style: none;
margin: 0;
padding: 0;
}
.Breadcrumb {
font-size: 0.9em;
padding-bottom: 4px;
}
.Breadcrumb li {
padding-left: 6px;
display: inline;
}
.Breadcrumb li a {
padding-right: 10px;
background: url('../../Flowers/images/BreadcrumbSep.gif') no-repeat right;
}
.FindByCategory ul, .FindByCategory li {
list-style: none;
padding: 0;
margin: 0;
}
.FindByCategory li {
padding-left: 12px;
background: url('../../Flowers/images/BreadcrumbSep.gif') no-repeat 3px 5px;
padding-right: 8px;
display: inline;
}
/* Miscellaneous Definitions */
.Meta {
color: #444;
font-size: 0.93em;
}
.Left .FeedLink, .Right .FeedLink {
float: left;
margin: 1px 6px 0 0;
}
.Content .FeedLink {
float: left;
margin: 0 6px 0 0;
}
.FloatRight {
float: right;
}
.FloatLeft {
float: left;
}
.ClearRight {
clear: right;
}
.ClearLeft {
clear: left;
}
.SortBox {
font-size: 0.95em;
color: #444;
margin: 4px 4px 0 0;
}
.CompareButton {
clear: both;
text-align: right;
margin-top: 12px;
padding: 4px;
}
.Clear {
clear: both;
}
.Field45 {
width: 45px;
}
.Field100 {
width: 100px;
}
.Field150 {
width: 150px;
}
.Field200 {
width: 200px;
}
.Field250 {
width: 250px;
}
.Field300 {
width: 300px;
}
.Field350 {
width: 350px;
}
.Field400 {
width: 400px;
}
.MB10 { margin-bottom:10px; }
.MT0 { margin-top:0px; }
.LH140 { line-height:140%; }
.PLRB5 { padding:0px 5px 5px 5px; }
.PLR10 { padding:0px 10px 0px 10px; }
.PL20 { padding:0px 0px 0px 20px; }
.PL40 { padding:0px 0px 0px 40px; }
.ML20 { margin:0px 0px 0px 20px; }
.MT10 { margin-top:10px; }
.PL10 { padding-left:10px; }
.PB2 { padding-bottom:2px; }
.NoMarginBottom { margin-bottom: 0; }
.Required {
color: red;
font-weight: bold;
}
.InfoMessage {
padding: 8px 6px 8px 28px;
margin-bottom: 10px;
}
.SuccessMessage {
padding: 8px 6px 8px 28px;
margin-bottom: 10px;
}
.ErrorMessage {
padding: 8px 6px 8px 28px;
margin-bottom: 10px;
}/************* Page Specific: Create Account / Login Page *************/
.CreateAccount {
float: left;
width: 45%;
padding-right: 1%;
}
.AccountLogin {
float: left;
padding-left: 1%;
width: 45%;
}
ul.ShippingAddressList, ul.ShippingAddressList li {
list-style: none;
margin: 0;
padding: 0;
}
ul.ShippingAddressList li {
width: 30%;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.PrimaryProductDetails .ProductThumb {
float: left;
width: 190px;
text-align: center;
}
.PrimaryProductDetails .ProductMain {
min-width: 350px;
float: left;
}
.PrimaryProductDetails dl {
font-size: 0.90em;
}
.PrimaryProductDetails dt {
font-weight: bold;
width: 80px;
clear: left;
}
.PrimaryProductDetails dd {
margin-left: 90px;
}
.Right hr {
margin: 5px 0 0;
}
.Content h3 {
margin-bottom: 5px;
}
.ComparisonCheckbox {
float: left;
}
.SideRecentlyViewed .ProductList li {
margin-left: 0;
align: center;
}
.SideRecentlyViewed .ProductDetails {
margin-left: 20px;
align: center;
}
/* Product Comparisons */
.ComparisonTable { width: 100%; }
.ComparisonTable td { vertical-align:top; font-size: 11px }
.CompareFieldName { width:95px; padding:8px 10px 8px 15px; }
.CompareFieldTop { padding:5px; text-align:center; }
.CompareFieldTop a { text-decoration:none; font-size:10px; }
.CompareFieldTop a:hover { text-decoration:underline; }
.CompareLeft { padding:5px 10px 5px 10px; }
.CompareCenter { text-align:center; padding:5px; }
.CompareRating { text-align:center; padding-top:8px; vertical-align:middle; }
.CompareProductOption { margin-left:20px; padding-left:5px; }
.Availability { color:gray; }
.LittleNote { color:gray; font-size: 0.85em; }
.ViewCartLink {
padding-left: 20px;
padding-top: 4px;
padding-bottom: 8px;
}
/* General Tables */
table.General,
table.CartContents, table.General {
width: 100%;
margin: 10px 0;
}
table.General thead tr th,
table.CartContents thead tr th {
padding: 6px 10px;
text-align: left;
}
table.General tbody td,
table.CartContents tbody td {
padding: 6px 10px;
vertical-align: top;
}
table.General tbody tr.First td {
border-top: 0;
}
/* Cart Contents Table */
.CartContents tbody td {
border-bottom: 0;
}
.CartContents .ProductName a {
font-weight: bold;
}
.CartContents tbody .SubTotal td {
text-align: right;
font-weight: bold;
}
.ProceedToCheckout {
text-align: right;
}
.ProceedToCheckout a {
padding-top: 5px;
}
.MiniCart .SubTotal {
text-align: center;
font-size: 115%;
}
.JustAddedProduct {
width: 128px;
overflow: hidden;
margin: auto;
text-align: center;
padding: 5px;
margin-bottom: 10px;
}
.JustAddedProduct strong, .JustAddedProduct a {
font-weight: bold;
font-size: 1.02em;
display: block;
margin-bottom: 3px;
}
.CategoryPagination .PagingList, .CategoryPagination .PagingList li {
list-style: none;
padding: 0;
margin: 0;
}
.CategoryPagination {
padding: 5px;
text-align: center;
}
.CategoryPagination .PagingList li {
display: inline;
padding: 0 5px;
}/* Quick Search */
.QuickSearch { z-index: 10; margin: 0; padding: 0; text-align: left; border-collapse: collapse; background: #fff; border: 1px solid #BFBFBF; }
.QuickSearchTitle td, .QuickSearchAllResults td { font-weight: bold; padding: 4px; font-size: 11px; }
.QuickSearchResult td { font-size: 11px; padding:8px 0px 8px 8px; cursor: pointer; }
.QuickSearchResultImage { margin-left: 4px; margin-right: 10px; text-align: center; }
.QuickSearchResultNoImage { padding-top: 10px; color: #777; }
.QuickSearchResultName { font-weight: bold; text-decoration: none; display: block; padding-bottom: 5px; }
.QuickSearchResult .Price { font-size: 11px; }
.QuickSearchHover td{ }
.QuickSearchHover a { text-decoration: underline; font-weight:bold; }
.QuickSearchAllResults { text-indent: -7000px; }
.QuickSearchAllResults a { text-decoration: underline; height: 25px; display: block; }
.QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none; }
.QuickSearchResult .RatingIMG {
padding-left: 8px;
padding-top: 2px;
}/* Brand Tag Clouds */
.BrandCloud .smallest { font-size:12px; }
.BrandCloud .small { font-size:15px; }
.BrandCloud .medium { font-size:18px; }
.BrandCloud .large { font-size:20px; }
.BrandCloud .largest { font-size:26px; }
.BrandCloud a { padding-right: 5px; }
.DownloadExpires { padding-top: 3px; font-style: italic; color: gray; }
.DownloadExpiresToday { color: red; }
.CheckoutRedeemCoupon h4 { margin-top: 0; }
.CheckoutRedeemCoupon p { margin-top: 10px; margin-bottom: 0;}
.BillingDetails {
float: left;
width: 48%;
margin-right: 10px;
margin-bottom: 15px;
}
.ShippingDetails {
float: left;
width: 48%;
margin-bottom: 15px;
}.ProductDetailsGrid dt {
width: 140px;
margin-bottom: 6px;
float: left;
font-weight: bold;
}
.ProductDetailsGrid dd {
margin-left: 145px;
margin-bottom: 6px;
}
.SubCategoryList {
padding: 4px;
}
.SubCategoryList ul, .SubCategoryList li {
list-style: square;
margin-left: 0;
color: red;
}
.SubCategoryList li {
margin-bottom: 4px;
margin-left: 24px;
}
.SearchTips .Examples {
padding: 8px;
margin-left: 30px;
margin-bottom: 10px;
}
.ProductDetails .ProductThumb p {
margin-top: 10px;
font-size: 0.9em;
}
.ProductReviewList {
clear: both;
}
.SortBox select {
font-size: 0.9em;
}
.SortBox option {
color: #444;
}
.YourAccount li {
margin-bottom: 8px;
}
.SoldOut {
color: #999;
}
.RemoveFromWishlistForm {
margin: 5px;
}
.ShippingProviderList {
list-style: none;
}
.GoogleCheckout p,
.PayPalExpressCheckout p,
.AlternativeCheckout p {
margin: 0;
font-size: 90%;
}
.GoogleCheckout,
.PayPalExpressCheckout,
.AlternativeCheckout {
text-align: center;
margin-bottom: 10px;
clear:both;
}
.KeepShopping {
width: 180px;
clear: both;
text-align: right;
}
/** Top Right Locale Chooser (list of flags) **/
#TopMenu li.Flag {
float: right;
}
#TopMenu li.Flag div {
border: 0;
}
#TopMenu li.Flag img {
margin: 3px;
}
#TopMenu li.Flag img.Last {
margin-right: 0px;
}
#TopMenu li.Flag img.Selected {
border: 2px solid #ffffaa;
margin: 1px 3px;
}
/** Currency Selector **/
.CurrencyList dl {
margin: 0;
padding: 0;
}
.CurrencyList dd {
padding: 0px;
margin: 0px;
border: 1px solid #EDECEC;
background-color: #F9F9F9;
clear: both;
}
.CurrencyList a {
padding: 0 3px 0 5px;
display: block;
line-height: 1.8;
text-decoration: none;
font-size: 11px;
}
.CurrencyList a.Sel {
background-color: #FFFFAA;
}
.CurrencyList a:hover .Text {
text-decoration: underline;
}
.CurrencyList a .Flag {
margin-top: 4px;
display: block;
float: left;
width: 24px;
padding-right: 2px;
vertical-align: middle;
}
.CurrencyList a .Text {
display: block;
padding-left: 24px;
}
.PrimaryProductDetails .YouSave {
font-weight: bold;
margin-top: 3px;
display: block;
}
Last edited by chrishirst; 08-09-2010 at 12:09 PM..
|
|
|
|
08-09-2010, 12:11 PM
|
Re: Urgent please! Three column with footer, alignment issues
|
Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
|
In what browser(s)
__________________
Chris. ->> Please login or register to view this content. Registration is FREE <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
|
|
|
|
08-09-2010, 03:54 PM
|
Re: Urgent please! Three column with footer, alignment issues
|
Posts: 4
Name: Stacey
|
I'm working in Chrome, and also testing on IE8...
but I'm pretty sure it's going to doing it in all of them.
If i use absolute, i get the three panels (left, content, right)
to align at the top correctly, but it over flows the footer.
If i use floats, it fixes the footer issue, but staggers the panels as shown.
Any ideas on what to do to get it to do both?
Your help is sooooo much appreciated. I'm at my wits end.
|
|
|
|
08-09-2010, 11:51 PM
|
Re: Urgent please! Three column with footer, alignment issues
|
Posts: 4
Name: Stacey
|
I still haven't fixed this. Can anyone assist please?
|
|
|
|
08-12-2010, 12:01 PM
|
Re: Urgent please! Three column with footer, alignment issues
|
Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
|
I'd suggest you clear the browser cache, then do a hard refresh ( Ctrl+F5 )
__________________
Chris. ->> Please login or register to view this content. Registration is FREE <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
|
|
|
|
|
« Reply to Urgent please! Three column with footer, alignment issues
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|