Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2006
    Posts
    64
    Thanks
    5
    Thanked 0 Times in 0 Posts

    liquid layout suggestion -site is fixed now

    http://www.techavid.com/internetradiomobile.php

    Either screen resolution you will notice that the middle column is not centered properly. MY html/css skills are ever evolving and I feel somewhat comfortable with fixed width, but am puzzled by creating a fluid design.

    Can anyone suggest a CSS property that would center everything up and create a fluid layout?

    The fixed width layout i have no works fine on Firefox and IE 7, but not on IE 6 the middle column drops down when i have it centered accordingly.

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by chaser7016 View Post
    Can anyone suggest a CSS property that would center everything up and create a fluid layout?
    The proper way to center a block-level element is by using margin: 0 auto

    Example:
    Code:
    div.header {
    	   margin-top: 0px;
    	   /* margin-left: 140px; */
    	   margin: 0 auto;
    	   background-color: #000000;
    	   font-size: 50px;
               color: #ffffff;
    	   width: 700px;
    	   height: 100px;
               text-align: center;
               }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •