Announcement Announcement Module
Collapse
No announcement yet.
new site: new problem Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • new site: new problem

    never experienced this problem before. just finished a draft of a website and viewed on my computer (1200x800) it looks fine. borrowed friends computer....dell laptob windows vista (1368x768) and it looks awful...all jagged and such. are my css tables not adjusting?? whats going on......
    viewed it at work today on IE6 and while the images not look skewed or jagged the png files are of course messed up and all of the text is moved down. everything looks picture perfect on my IE7 and firefox. wouuld really appreciate some pointers....first css try.

    you can view test site at www.meshowventures.com/index2.html

    css is

    #container {
    width: 1000px;
    height: 710px;
    padding-left: 50px;
    padding-top: 25px;
    margin-top: 0px;
    top: 150px;
    }

    #header {
    width: 843px;
    height: 97px;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    }
    #content h2 {
    height: 65px;
    padding: 5px;
    font-size: 14px;
    font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
    color: #333333;
    font-weight: bold;
    font-variant: small-caps;
    }
    #rightBar h2 {
    height: 65px;
    padding: 5px;
    font-size: 14px;
    font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
    color: #333333;
    font-weight: bold;
    font-variant: small-caps;
    }
    #content {
    float:left;
    width:843px;
    background-image: url(images/main.png);
    background-repeat: no-repeat;
    height: 469px;
    }
    #texthouse {
    margin-top: 15px;
    width: 799px;
    margin-left: 19.5px;
    float: left;
    height: 450px;
    }
    #footer {
    clear:both;
    width: 843px;
    background-image: url(images/footer.png);
    background-repeat: no-repeat;
    height: 125px;
    font-size: 12px;
    font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: justify;
    font-weight: normal;
    padding-top: 12px;
    }
    body {
    background-image: url(images/Untitled-2.png);
    background-repeat: repeat;
    }
    #button1 {
    width: 104px;
    height: 97px;
    float: left;
    padding-left: 86px;
    }
    #button2 {
    width: 114px;
    height: 97px;
    float: left;
    }
    #button3 {
    width: 104px;
    height: 97px;
    float: left;
    }
    #button4 {
    width: 112px;
    height: 97px;
    float: left;
    }
    #logo{
    height: 97px;
    float: left;
    width: 297px;
    }
    p{
    font-size: 16px;
    font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-align: justify;
    }
    #sidebar {
    float: right;
    width: 250px;
    height: 450px;
    }
    #leftbar {
    width: 536px;
    margin-top: 0px;
    font-size: 14px;
    font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-left: 12px;
    margin-right: 5px;
    margin-bottom: 3px;
    text-align: justify;
    }
    #rightbar {
    float: right;
    width: 234px;
    margin-right: 12px;
    }
    html, body, div, h1, p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    }

    .formfield {
    font-size: 11px;
    font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-top: 5px;
    padding-left: 25px;
    }
    .formfieldbutton {
    font-size: 11px;
    font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
    color: #333333;
    }
    .redfont {color: #990000}
    Its not "Mitch-ed" stupid....its Me-Show.

  • #2
    i downloaded your website, for more a more in depth look and i couldnt find anything ;? quite odd. my only suggestion is to remove the php and css from your server. (you can remove it all to be sure) and then upload it with ACSII type.
    Last edited by brodwilkinson; 05-02-2009, 01:18 PM. Reason: realised i had quoted alot of stuff.
    My Portfolio.

    Comment


    • #3
      thanks for the response. i will just take everything down from the remote location and re upload. hopefully that will fix it. just viewed in on an apple safari and it rendered the pages perfectly.

      any hints on getting the main fish pics on home and talk into a css format instead of inserted into a css div frame? they load slow i think. should i put the css rules for that div in the page code instead of the css file? that way they can be separate

      caleb
      Its not "Mitch-ed" stupid....its Me-Show.

      Comment


      • #4
        Yep, looks alright to me in Firefox 3.

        Not sure how you mean with the images, my guess is they're loading slowly due to the rollovers you are using for the navigation having to load too. Have a read up on CSS Sprites and that'll fix right up

        Comment


        • #5
          i will give that try...never used them before

          thanks for checking it out.
          Its not "Mitch-ed" stupid....its Me-Show.

          Comment


          • #6
            took everything off my server and reuploaded. IE 6 is still giving me fits. It is moving the css div for my text down the page. so the text of my page is below the white part of the page. no one else has noticed this on their browser? does it have to do w ith the css not being properly specified?
            Its not "Mitch-ed" stupid....its Me-Show.

            Comment

             
            home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
            Working...
            X