Results 1 to 7 of 7
-
03-07-2012, 01:06 AM #1Always Ask...Don't Pretend!
- Join Date
- Aug 2010
- Location
- CPU
- Posts
- 2,187
<DIV> Auto-Resize and Move to the next line
I have 4-divs
--------
[1] [2]
[3] [4]
--------
What I want is to resize each <div> to 300px whenever I use them on smartphones and they will re-arrange automatically this way.
----
[1]
[2]
[3]
[4]
----
I was able to do to the auto-resize using "%" but I cannot limit to 300px and it doesn't go to the next line.
I can't find an accurate solution using Google.
I appreciate any help. Thanks█ Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.
-
03-07-2012, 10:58 AM #2Always Ask...Don't Pretend!
- Join Date
- Aug 2010
- Location
- CPU
- Posts
- 2,187
I hope someone can help me thanks
█ Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.
-
03-07-2012, 11:50 AM #3Junior Guru Wannabe
- Join Date
- Jul 2011
- Location
- Jordan, Amman
- Posts
- 82
classname {
max-width: 300px;
}
-
03-07-2012, 09:25 PM #4Always Ask...Don't Pretend!
- Join Date
- Aug 2010
- Location
- CPU
- Posts
- 2,187
Thanks ahostprovider, will try this later.
█ Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.
-
03-07-2012, 10:21 PM #5Aspiring Evangelist
- Join Date
- Sep 2008
- Location
- Melbourne
- Posts
- 405
Don't forget this for that dreaded IE: http://phydeaux3.blogspot.com.au/200...it-for-ie.html
-
03-08-2012, 02:35 AM #6Always Ask...Don't Pretend!
- Join Date
- Aug 2010
- Location
- CPU
- Posts
- 2,187
I think the command is min-width...
HTML Code:<html> <body> <style> #boxes { float:left; min-width: 300px; border:1px solid green; padding:10px; margin-left:10px; margin-bottom:10px; } </style> <div id="boxes"> Box1 </div> <div id="boxes"> Box2 </div> <div id="boxes" style="clear:both;"> Box3 </div> <div id="boxes"> Box4 </div> </body> </html>
█ Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.
-
03-08-2012, 04:10 AM #7Junior Guru Wannabe
- Join Date
- Jul 2011
- Location
- Jordan, Amman
- Posts
- 82
Similar Threads
-
Highlight <DIV> on click, <DIV> stays highlighted until another <DIV> is clicked..
By crEA-tEch in forum Web Design and ContentReplies: 9Last Post: 01-16-2012, 05:07 AM -
3 Column DIV Layout, Outer DIVs auto expand with bg image
By jrandall in forum Web Design and ContentReplies: 1Last Post: 02-27-2010, 03:13 PM -
Image Hosting/Storage Provider (Auto Resize Feature)
By Syphic in forum Web Site ReviewsReplies: 8Last Post: 10-23-2005, 10:55 PM -
Auto resize
By Red Star Network in forum Web Design and ContentReplies: 2Last Post: 09-08-2005, 01:44 AM -
how 2 auto resize iframe ?
By zumaidi in forum Programming DiscussionReplies: 4Last Post: 11-07-2002, 01:13 AM