Help trying to fix website coding for resolution

Discussion in 'CSS' started by macstux, Mar 17, 2014.

0
  1. #1
    The top banner seems to get out of place. when you look to the top right after you change the shrink the browser a little bit it shows like its being pushed to the left! Is there something im missing cant seem to keep it positiond. thank you in advanced!

    http://www.macstux.com/hotstacks.html

    css code
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #eb521f;
    background-color:#FFF
    }

    p {
    padding: 10px;
    }

    #headerwrap {
    width: auto;
    float: auto;
    margin: auto;
    }

    #header {
    height: 25px;
    background: #0CF;
    margin: 0px;

    }

    #navigationwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
    }

    #contentwrap {
    width: auto;
    float: left;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    }

    #content {
    background: #FFFFFF;
    margin: auto;
    }

    #footerwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
    clear: both;
    }

    #footer {
    height: 40px;
    background: #33FF66;
    border-radius: 10px;
    border: 1px solid #1feb52;
    margin: 5px;
    }
     
    Last edited: Mar 17, 2014
    macstux, Mar 17, 2014 IP
    bmac likes this.
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    The markup is such a disaster one has to ask why even bother using CSS? You've got a table for nothing in there, tags like CENTER and attributes like VALIGN that have no real business on any website written after 1997, presentational images in the markup, that stupid malfing MM_swap garbage that is basically using javascript to do CSS' job, and little if anything remotely resembling semantics.

    ... and that's before talking the images for text, use of shadows to make sure any 'headings' are illegible, table-headings on non-heading elements and so forth.

    As to the heading, I'm not quite sure what you're trying to do with that extra background image... I am quite sure though that's not how you do it.

    I'd have to throw it out and start over from scratch to even TRY to address any sort of issues, and I really have to ask just what are you trying to do up there?
     
    deathshadow, Mar 19, 2014 IP
    DuneDreamer likes this.
  3. yize

    yize Active Member

    Messages:
    107
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    I really think you should try using wordpress or another cms, that way the css/html code will be better than you trying it from scratch.
     
    yize, Mar 19, 2014 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Wow, don't know the first thing about HTML, do you? Wordpress... better HTML... same sentence... bwahahaa.... oh man, you slay me.

    Given the inept re-re bull turdpress shoves down your throat and has the giant brass monkey balls to call HTML, I can't believe you even said that.
     
    deathshadow, Mar 19, 2014 IP
    DuneDreamer likes this.