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 8 of 8
  1. #1
    New Coder
    Join Date
    Nov 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do I move the Content Div up?

    How do I move the content panel up in my layout http://advancebeautyandnails.com.au/css-temp.htm in IE it has been pushed down. I would like that picture and everything in the right column to move up under the stripey pattern, how do I do it? Any help would be much appreciated.
    Last edited by twilight85; 05-15-2008 at 09:29 AM.

  • #2
    New Coder
    Join Date
    Nov 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, I have altered this template:
    http://www.maxdesign.com.au/presenta...ongcontent.htm to create this layout:
    http://advancebeautyandnails.com.au/css-temp.htm

    I am still having trouble moving that content panel up...anyone please help?

  • #3
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    try adding these to the style sheet
    Code:
    *{margin:0;
       padding:0;
    }
    i think this is because of default paddings. that is why the #content is pushed down in your layout..

    seriously man.. i think you should remove those freaking tables..

    what a way to layout your site... tables inside a div.. good job... ^__^
    Last edited by jhaycutexp; 05-15-2008 at 11:17 AM. Reason: wrong spelling...

  • #4
    New Coder
    Join Date
    Nov 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jhaycutexp View Post
    try adding these to the style sheet
    Code:
    *{margin:0;
       padding:0;
    }
    i think this is because of default paddings. that is why the #content is pushed down in your layout..

    seriously man.. i think you should remove those freaking tables..

    what a way to layout your site... tables inside a div.. good job... ^__^

    Thanks for that. I tried it but it still didn't work

  • #5
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    try to adjust the width of the #container.. add about 1px or two.. to accommodate the #content..

  • #6
    New Coder
    Join Date
    Nov 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I made a separate style for IE 7, the following works for IE 7:
    Code:
    <!--[if IE]>
    <style type="text/css">
    #content {
    
    background-color: #ffffff;
    width: 742px;
    }
    
    </style>
    <![endif]-->
    But I had to modify it for IE 6

    Code:
    <!--[if IE 6]>
    <style type="text/css">
    #content {
    
    background-color: #ffffff;
    width: 739px;
    }
    
    </style>
    <![endif]-->
    In IE6, How do I get rid of the space between the left and right column? The left column is already 203px;

  • #7
    Regular Coder BabyJack's Avatar
    Join Date
    Apr 2008
    Location
    Somewhere.
    Posts
    602
    Thanks
    43
    Thanked 6 Times in 6 Posts
    ug.

    Use this:

    margin-top: #;
    magin-bottom: #;


    BabyJack
    Enlightenment in Coding
    Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype

  • #8
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    This clears left and right spaces of a div...


    .classname{clear:both} or

    #idname{clear:both}


  •  

    Posting Permissions

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