Announcement Announcement Module
Collapse
No announcement yet.
new site: new problem Page Title Module
Move Remove Collapse
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • new site: new problem

    #1
    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}

  • #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.

    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

      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.

          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?

            Comment

            Google search Google search Module
            Collapse
            Latest Topics Latest Topics Module
            Collapse
            All Creative World Network All Creative World Network Module
            Collapse
             
            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 © 2013 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
            Working...
            X