Click here to Skip to main content
11,408,708 members (64,983 online)
Rate this: bad
good
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 :
<div1><div2><div3>

if i zoom in the page or re size it this is what i see
<div1>
<div2>
<div3>
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)
<div1><div2><d 

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

1 solution

Rate this: bad
good
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.

http://unstoppablerobotninja.com/entry/fluid-images[^]

and

http://api.jquery.com/resize/[^]
  Permalink  

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

  Print Answers RSS
0 OriginalGriff 390
1 Sergey Alexandrovich Kryukov 294
2 Maciej Los 155
3 PIEBALDconsult 140
4 Peter Leow 140
0 Sergey Alexandrovich Kryukov 8,626
1 OriginalGriff 6,855
2 Maciej Los 3,322
3 Abhinav S 3,238
4 Peter Leow 3,034


Advertise | Privacy | Mobile
Web01 | 2.8.150414.5 | 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