hosted by liquidweb


Go Back   Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : <DIV> Auto-Resize and Move to the next line
Reply

Forum Jump

<DIV> Auto-Resize and Move to the next line

Reply Post New Thread In Web Design and Content Subscription
 
Send news tip View All Posts Thread Tools Search this Thread Display Modes
  #1  
Old 03-07-2012, 01:06 AM
Yujin Yujin is offline
Always Ask...Don't Pretend!
 
Join Date: Aug 2010
Location: CPU
Posts: 2,182

<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.




Sponsored Links
  #2  
Old 03-07-2012, 10:58 AM
Yujin Yujin is offline
Always Ask...Don't Pretend!
 
Join Date: Aug 2010
Location: CPU
Posts: 2,182
I hope someone can help me thanks

__________________
Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.


  #3  
Old 03-07-2012, 11:50 AM
Mojahed-AQI Mojahed-AQI is offline
Junior Guru Wannabe
 
Join Date: Jul 2011
Location: Jordan, Amman
Posts: 82
classname {
max-width: 300px;
}

Sponsored Links
  #4  
Old 03-07-2012, 09:25 PM
Yujin Yujin is offline
Always Ask...Don't Pretend!
 
Join Date: Aug 2010
Location: CPU
Posts: 2,182
Thanks ahostprovider, will try this later.

__________________
Ask for Server IP & Nameservers IP to check if your reseller provider truly provides 100% white-label.


  #5  
Old 03-07-2012, 10:21 PM
andrewklau andrewklau is offline
Aspiring Evangelist
 
Join Date: Sep 2008
Posts: 404
Don't forget this for that dreaded IE: http://phydeaux3.blogspot.com.au/200...it-for-ie.html

__________________
- andrewklau

  #6  
Old 03-08-2012, 02:35 AM
Yujin Yujin is offline
Always Ask...Don't Pretend!
 
Join Date: Aug 2010
Location: CPU
Posts: 2,182
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.


  #7  
Old 03-08-2012, 04:10 AM
Mojahed-AQI Mojahed-AQI is offline
Junior Guru Wannabe
 
Join Date: Jul 2011
Location: Jordan, Amman
Posts: 82
Quote:
Originally Posted by Yujin View Post
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>
You want to limit it to 300px so min-width, will make the width at least 300px, not at most 300px.

Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Highlight <DIV> on click, <DIV> stays highlighted until another <DIV> is clicked.. crEA-tEch Web Design and Content 9 01-16-2012 05:07 AM
3 Column DIV Layout, Outer DIVs auto expand with bg image jrandall Web Design and Content 1 02-27-2010 03:13 PM
Image Hosting/Storage Provider (Auto Resize Feature) Syphic Web Site Reviews 8 10-23-2005 10:55 PM
Auto resize Red Star Network Web Design and Content 2 09-08-2005 01:44 AM
how 2 auto resize iframe ? zumaidi Programming Discussion 4 11-07-2002 01:13 AM

Related posts from TheWhir.com
Title Type Date Posted
Web Host BurstNET to Shut Down Customer Services by July 25 Web Hosting News 2014-06-24 18:21:24
Stop Chasing Customers for Updated Credit Card Information: Introducing Auto Account Updater Web Hosting News 2014-06-16 09:20:42
Rackspace Launches Automatic Cloud Scaling Capabilities Web Hosting News 2013-11-21 12:07:13
eUKhost Launches Disaster Recovery as a Service Web Hosting News 2013-08-12 12:59:36
HybridCluster Details Super Dense Auto-Scaling Platform Features Web Hosting News 2013-05-28 16:59:20


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Postbit Selector

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump
Login:
Log in with your username and password
Username:
Password:



Forgot Password?
Advertisement:
Web Hosting News:



 

X

Welcome to WebHostingTalk.com

Create your username to jump into the discussion!

WebHostingTalk.com is the largest, most influentual web hosting community on the Internet. Join us by filling in the form below.


(4 digit year)

Already a member?