Help me figure this out! My second CSS site

Discussion in 'CSS' started by libertygone, Oct 6, 2007.

  1. #1
    I'm working on making a new theme for my wordpress blog http://www.ryancanfield.com but i am having trouble coding the design i made in photoshop. i sliced it and almost got it working except for a few things.. i need to know

    here is my design and how i want it to look: http://i24.tinypic.com/2cr57vn.jpg

    here is what i have so far.

    http://ryancanfield.com/new/

    here is the css:

    http://www.ryancanfield.com/new/style.css

    i need the header.png to be flush with the browser window.. i need the right side of the background to work and i need there to not be a gap inbetween the content and the footer/header.

    help me out!! you can tell what i need fixing. right?
    :p
     
    libertygone, Oct 6, 2007 IP
  2. papa_face

    papa_face Notable Member

    Messages:
    2,237
    Likes Received:
    67
    Best Answers:
    1
    Trophy Points:
    285
    #2
    Add this to the top of your css:
    * { margin:0px; padding:0px }
    Code (markup):
     
    papa_face, Oct 6, 2007 IP
  3. libertygone

    libertygone Active Member

    Messages:
    2,625
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    90
    #3
    above the "body" properties?
     
    libertygone, Oct 6, 2007 IP
  4. papa_face

    papa_face Notable Member

    Messages:
    2,237
    Likes Received:
    67
    Best Answers:
    1
    Trophy Points:
    285
    #4
    Above everything in your styles.css. But under:
    @charset "utf-8";
    /* CSS Document */
    Code (markup):
    So your code should look like
    @charset "utf-8";
    /* CSS Document */
    * { margin:0px; padding:0px }
    
    Code (markup):
     
    papa_face, Oct 6, 2007 IP
  5. libertygone

    libertygone Active Member

    Messages:
    2,625
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    90
    #5
    thanks!
    but do you know how i can get it so the right-side is on the right-side of the content section?

    and how do i center everything?
     
    libertygone, Oct 6, 2007 IP
  6. papa_face

    papa_face Notable Member

    Messages:
    2,237
    Likes Received:
    67
    Best Answers:
    1
    Trophy Points:
    285
    #6
    Try something like:
    #content {
    			width:942px;
    			height:auto;
    			background-color:#e7e7e7;
                            float:left;
    			}
    Code (markup):
     
    papa_face, Oct 6, 2007 IP