Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Urgent please! Three column with footer, alignment issues
Old 08-09-2010, 10:58 AM Urgent please! Three column with footer, alignment issues
Junior Talker

Posts: 4
Name: Stacey
Trades: 0
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.
stacey77006 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-09-2010, 11:02 AM Re: Urgent please! Three column with footer, alignment issues
Junior Talker

Posts: 4
Name: Stacey
Trades: 0
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..
stacey77006 is offline
Reply With Quote
View Public Profile
 
Old 08-09-2010, 12:11 PM Re: Urgent please! Three column with footer, alignment issues
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
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?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-09-2010, 03:54 PM Re: Urgent please! Three column with footer, alignment issues
Junior Talker

Posts: 4
Name: Stacey
Trades: 0
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.
stacey77006 is offline
Reply With Quote
View Public Profile
 
Old 08-09-2010, 11:51 PM Re: Urgent please! Three column with footer, alignment issues
Junior Talker

Posts: 4
Name: Stacey
Trades: 0
I still haven't fixed this. Can anyone assist please?
stacey77006 is offline
Reply With Quote
View Public Profile
 
Old 08-12-2010, 12:01 PM Re: Urgent please! Three column with footer, alignment issues
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
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?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to Urgent please! Three column with footer, alignment issues
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.53284 seconds with 12 queries