Announcement

Collapse
No announcement yet.

new site: new problem

Collapse
X
  • 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, 08:18 AM. 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

            Search

            Collapse

            Sponsor

            Collapse

            Incredible Stock

            Latest Topics

            Collapse

            • B
              Reply to ​What is your favorite forum software?
              B
              I'd normally let these kinds of things go as a matter of opinion, but in this case, with people recommending vBulletin, I need to say something.

              Quite likely the worst so-called upgrade in...
              Today, 07:39 PM
            • B
              Reply to Heatmap help
              B
              If by combine, you mean overlay them on top of each other while preserving and combining the red areas of both, yes, Photoshop can easily do it -- at least in this particular instance with these two images....
              Today, 07:11 PM
            • B
              Comment on Design Help
              B
              You know, back when I was in college, I remember taking stock of all the bad design around me -- from supermarket aisles to magazine layouts, it was everywhere. I mistakenly thought this whole design...
              Today, 06:59 PM
            • Risen28
              Reply to Design Help
              Risen28
              Oh man , its like biggs said this happens with every graphic designer and web designer. I Find it quite ironic when some clients pay you for your service ,"which is to provide a effective design...
              Today, 04:41 PM
            • h!ghC
              Heatmap help
              h!ghC
              Hello everyone,

              I have a few heatmaps generated from a running app, which look like this:

              ,

              Now, I would like to combine all of these heatmaps into one single heatmap....
              Today, 03:06 PM
            GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
            Working...
            X