Why do things line up differently when I view them in my web browser than in DW?

Discussion in 'HTML & Website Design' started by rbf738, Aug 6, 2008.

  1. #1
    I don't know a ton about web design, I'm learning as I go and I really appreciate the ease of using Dreamweaver. I don't know the right way to do things typically but I can find a shortcut to making it work somehow, even tho it's not always pretty. Typically as I'm nearing completion on my site I'll make tweaks then hit the shortcut key to view the page in my web browser to see how it will look normally. Typically it looks the same as I made it in Dreamweaver, but I just created a small background for the title of my page to go at the top, then I put a new layer on top of it to insert the text on top which will be the title, but for some reason it wasn't lining up at all when I viewed it. I had to move it in dreamweaver quite a few pixels up and right and keep switching back to my browser to view it til I got it lined up right. I don't mind that it looks screwy in Dreamweaver, as long as it looks right in my browser/when normal people will see my site.

    My questions are: Is there a reason that it's not lining up and looking the same in my browser as it does in Dreamweaver's basic design view mode. And two, will it come out looking screwy for other people in their browsers? Without me having to post the link to the site since I haven't gotten a domain for it yet, just as a general rule does this sound like it might be an issue for some people trying to view my page, like it will look screwy like it does in my Dreamweaver right now?
     
    rbf738, Aug 6, 2008 IP
  2. CasiusJ

    CasiusJ Active Member

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #2
    Which Version of Dreamweaver are you using? I used to have that problem all the time in Dreamweaver 8, but since using CS3 i've noticed it looks the same.

    Are you using CSS at all?
     
    CasiusJ, Aug 7, 2008 IP
  3. Whitey

    Whitey Active Member

    Messages:
    1,386
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #3
    I use CS3 and it does indeed do that sometimes, only thing I can think of is DW using it's own sort of browser and it handles the code differently.
     
    Whitey, Aug 7, 2008 IP
  4. rbf738

    rbf738 Peon

    Messages:
    475
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4

    Oh good, it's not just me or something I'm doing wrong. I'm using 8, I wasn't whether I should get that or CS3, I heard bad things about both but whatever, that's any product really.
     
    rbf738, Aug 7, 2008 IP
  5. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Somewhat of a repeat -- Please be sure to use validated Markup and CSS.

    Validation enhances interoperability -- correct rendering in all user agents. Pages can fail validation and still display & function pretty much as expected in graphical Browsers anyway due to their (although often erratically and unreliably) built-in Markup discrepancy compensation which commercial purveyors have built into their Browsers. However, validation does catch many easily corrected Markup errors and the resultant code is consequently much easier to maintain or change. Pages containing invalid Markup may not display or function correctly in screen Readers, BRAILLE interpreters and Textual Browsers or when incorporated into other applications. Valid and well formed Markup also bespeaks careful craftsmanship and that appeals to many web authors.

    I also suggest it is best to use a strict Doctype DTD -- that insures correct rendering in future Browser updates (avoiding deprecated elements and attributes)

    James
     
    jamesicus, Aug 7, 2008 IP
  6. Lovette

    Lovette Member

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #6
    i had that same problem as well when i built my site...
    it looked different on internet explorer browser and different of fire fox....
    i simply messed wth it on Dreamweaver (even tho it looked distorted)...but i made sure it looked right on the browser..

    simply put: just play around with it until it looks right on your browser
     
    Lovette, Aug 7, 2008 IP