Results 1 to 6 of 6
  1. #1
    Join Date
    May 2006
    need help with website resolution

    Hi i did a website in dreamweaver and uses 4 div layer to insert 4 different images and set the css margin to auto but the 4 div layers i have to move them to the very left side in dreamweaver before i could see all the 4 images aligned properly in a white background box, other than that when i move it elsewhere like the center, the 4 images went off way right....
    any idea how to solve this problem so that everyone using IE, Firefox or Google Chrome can view my webpage correctly....thanks

  2. #2
    Join Date
    Jan 2006
    Athens, Greece
    A classic workflow to realize the sizes is, taking a snapshot of your browser at
    a normal width, paste it into photoshop, crop the "content area" and design on it.
    Around 900px your images should display centered in any browser I believe.

    PHP Code Repository | I speak code

  3. #3
    jasper_ Guest
    960px is cool for 1024px screen resolutions and up. Check out for a downloadable grid layout for your designs.

    J. August

  4. #4
    PaulRut Guest
    if you use "block" (or is it "inline"...I can't remember...urg. I just flip between the two until I get the desired results), they should *stay* side-by-side or one-on-top...and stay *liquid* no matter the size of the browser.
    Those are CSS "display" settings on each DIV (btw).
    that should do it!!!

    Last edited by PaulRut : 11-17-2008 at 11:59 AM.
    Reason: needed more info...sorry

  5. #5
    Join Date
    May 2006
    I tried the display block option also but its not working....
    here is the output of the website i saw on my browser
    dreamweaver output
    the html file code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Meiyan Subzone Website</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    <div class="box1"></div>

    Css Style Sheet Code:

    /* CSS Document */
    background:url(images/background.jpg) 0 0 no-repeat;
    background-position: center center;
    background-image: url(images/box1.gif);
    background-repeat: no-repeat;
    margin: auto;
    height: 230px;
    width: 264px;

    Hope someone can help me out, thanks alot

  6. #6
    Join Date
    May 2006
    Sorry for double post, could not edit previous post, im looking for a stretch of code that can help to detect automatically the resolutions settings for any browser, pc and os....any idea how to acheive that?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts