Click here to Skip to main content
11,710,472 members (86,696 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: CSS HTML
Hi there i cant figure how to do a "simple" layout fix:

if i have three div's containing image each one.
<div1> <img src=""> </div>
<div2> <img src=""> </div>
<div3> <img src=""> </div>
i have in lined them to one row so now i can see :

if i zoom in the page or re size it this is what i see
my question is how can i prevent the "zoom" & "re-size" changing the site layout.

my goal is that for example: (after "shrink" the page from the right)

i hope i have explained it right
thanks A LOT.
Posted 23-Jun-12 2:30am

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

You will have to use the window's resize event to deal with this. Check out the following links.[^]


This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 549
1 OriginalGriff 255
2 Peter Leow 154
3 Maciej Los 120
4 Abhinav S 120
0 Maciej Los 95
1 Richard MacCutchan 90
2 Abhinav S 90
3 OriginalGriff 80
4 Member 4653839 50

Advertise | Privacy | Mobile
Web04 | 2.8.150819.1 | Last Updated 24 Jun 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100