layout of my website has suddenly gone weird:S

Discussion in 'HTML & Website Design' started by quite, Aug 1, 2007.

  1. #1
    hey everyone, in the process of building a new site, however all of a sudden my layout has gone all mucked up, the site pages arent all completely finished, but does any one have any idea how to fix this?

    the site is http://www.quiteproxy.net

    thanks
     
    quite, Aug 1, 2007 IP
  2. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    did u find anything specific? because i downloaded the template again, and before touching it it was screwed up, even though it wasnt first time i downloaded it. do you think it could be dreamweaver interpreting it wrong?
     
    quite, Aug 1, 2007 IP
  3. revdesigner

    revdesigner Peon

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Do you have everyuthing saved to the point you could just delete and reinstall? I viewed it and it worked fine on my end.
     
    revdesigner, Aug 1, 2007 IP
  4. MoneyMoney1

    MoneyMoney1 Banned

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Not sure what's wrong with the layout, looks to be in good order from my perspective... everything seems lined up pretty well and nothing really looks out of place at all...

    Care to clarify as to what exactly went wrong?
     
    MoneyMoney1, Aug 1, 2007 IP
  5. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #5
    iv attached what it looks like from my end?

    looks like this in internet explorer, firefox, and dreamweaver. all using latest browser versions. i am on vista business could that be it?
     

    Attached Files:

    quite, Aug 2, 2007 IP
  6. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #6
    does it look like my above attachment to everyone else aswell? any idea how to fix it?
     
    quite, Aug 4, 2007 IP
  7. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #7
    please guys i really really need some help because i cant continue to get this site live until it is fixed?!
     
    quite, Aug 7, 2007 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I have a hi-res screen and your site does NOT look like the thumbnail (which has everything squished to the left side). On my FireFox, the page is centered and nothing looks amiss to me.
     
    Stomme poes, Aug 7, 2007 IP
  9. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #9
    my screen is 1400x900, and so is quite high res, and it looks just as that. i also tried it on another desktop and it looks the same also.

    any idea why?!!! is it my internet connection? iv tried ti on firefox, internet explorer, and on two different computers.

    very frustrating! any idea how to fix the issue?
     
    quite, Aug 7, 2007 IP
  10. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #10
    please anyone?!
     
    quite, Aug 12, 2007 IP
  11. longhornfreak

    longhornfreak Well-Known Member

    Messages:
    2,067
    Likes Received:
    95
    Best Answers:
    0
    Trophy Points:
    140
    #11
    It looks like that for me, it looks like you just need to make the content area bigger, because the titles of one of the articles was too big which brought that whole div down.
     
    longhornfreak, Aug 12, 2007 IP
  12. sogastic

    sogastic Peon

    Messages:
    202
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Your main-content div (class="main-content") should be in the main div. and main-content should have margin-left: (width of the left column)px;
     
    sogastic, Aug 12, 2007 IP
  13. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #13

    the main content div is in the main div already i think.

    the main content does hav margin left attribute already in the css layout file?!

    so confused? i only know basic html hence the confusion
     
    quite, Aug 12, 2007 IP
  14. SKxprt

    SKxprt Peon

    Messages:
    235
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #14
    hi, your porblem is with the css (as sogastic mentioned)

    you should start playing with it and find the problem!

    there are two options:

    either you should check the sizes defined in your css

    or

    you should check which content inside is making the problem (too much text, bad text formatting or bigger picture).

    regards
     
    SKxprt, Aug 12, 2007 IP
    quite likes this.
  15. bryandy

    bryandy Peon

    Messages:
    774
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #15
    what browser are you in? its working fine in Safari
     
    bryandy, Aug 12, 2007 IP
  16. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #16
    the content is below everything?

    You using padding? Cause thats what it'll be
     
    twistedspikes, Aug 12, 2007 IP
  17. quite

    quite Peon

    Messages:
    392
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #17
    iv tried it in firefox and internet explorer.

    how can i correct the padding?! i dont think i am tho, as its a sudden change to all the pages. guess it cud be the css file? altho i downloaded another copy template but it still looks similar?! :Si
     
    quite, Aug 12, 2007 IP
  18. bryandy

    bryandy Peon

    Messages:
    774
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #18
    what is the cellpadding set to now?
     
    bryandy, Aug 12, 2007 IP
  19. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #19
    not cellpadding.

    padding. In your css file. Any instances of padding, replace with margin
     
    twistedspikes, Aug 12, 2007 IP
  20. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #20
    <!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <!--[if using this technique]>/FAIL/ at INTARWEB<![endif]-->

    Ok, who's been advocating this method - SOMEBODY needs a brick upside the head. (this is like the fourth time I've seen this in the past week - and it gets worse every time)

    <h1>What is a header? </h1>
    <h3>and when should I use one? </h3>

    Not there, I can say that much... H1's should be followed by H2, not H3, and only then when marking up a SECTION. That H1 H2 H3 you have up top? Wrong. Multiple H1's per page? Wrong. Definition List with more DD's than DT's and in a nonsensical order as some sort of menu? REALLY wrong.

    <p>&nbsp;</p> inside a perfectly good class that isn't used anywhere else except where there's one of those 'spacers' immediately after? Wrong.

    Oh, and the blank line before the doctype is throwing IE into quirks mode...

    and I'm still not quite sure what a Ouite Proxv is. It is probably a rendering error from the use of % fonts inside a px container, which is ALWAYS a /FAIL/ no matter how much certain 'experts' tell you to only use %/EM... or is it supposed to look like that.

    and some consistant and meaningful indents instead of the hodge-podge you have now could go miles towards making sure you actually close all those tags that are giving the validator absolute fits.
     
    deathshadow, Aug 12, 2007 IP