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
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
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
I tried the display block option also but its not working....
here is the output of the website i saw on my browser http://img362.imageshack.us/my.php?image=websitemr9.jpg
dreamweaver output http://img508.imageshack.us/my.php?i...mweavervb5.jpg
the html file code:
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?