Click here to Skip to main content
12,953,230 members (69,235 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
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 2: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
Top Experts
Last 24hrsThis month
OriginalGriff 6,429
CHill60 3,490
Maciej Los 3,103
Jochen Arndt 1,975
ppolymorphe 1,920


Advertise | Privacy | Mobile
Web02 | 2.8.170525.1 | Last Updated 24 Jun 2012
Copyright © CodeProject, 1999-2017
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