Skip navigation
Currently Being Moderated

how to setup a default size for new divs in fluid grid layout in dreamweaver?

Mar 7, 2013 11:23 PM

Tags: #image #size #div #dreamweaver #layout #html5 #cs6 #fluid #grids #divs

Hi,

how to setup a default size for a new divs in fluid grid layout in dreamweaver? I don't need the default size for new divs as a 100% width, I need them 13.69% as a one coulmn width only (7 coulmns fluid grids layout for desktop size 1000w).

 

This problem I've faced when I intended to insert dozens of fluid grid divs in the layout.

 
Replies
  • Currently Being Moderated
    Mar 8, 2013 3:29 AM   in reply to Marzoog
     
    |
    Mark as:
  • Currently Being Moderated
    Mar 8, 2013 7:18 PM   in reply to Marzoog

    Sorry, I don't believe that you have had a good look at the Foundation framework. I'll now hold your hand while we go through the basics.

     

    Here is the specific page http://foundation.zurb.com/docs/components/grid.html

     

    The default values are

    Em-base : 16px

    Row width: 62.5em (62.5em x 16px = 1000px)

    Columns per row: 12

    These and other default values can be changed. The fact of the matter is that if you stipulate a section width of 2 or 3 or 12 columns, the widths will automatically be calculated for you.

     

    In your case, if you want 7 columns, all you need to do is change the number of columns per row and the rest is done for you.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 11, 2013 2:51 AM   in reply to Marzoog

    You will need to change percentages in the CSS as in

      .row .large-5 {

        position: relative;

        width: 71.42857%; }

     

      .row .large-6 {

        position: relative;

        width: 85.71428%; }

     

      .row .large-7 {

        position: relative;

        width: 100%; }

    The default value is 12 columns instead of 7 columns with good reason.

     

    Twelve can be divided by 1, 2, 3, 4, 6; seven can be divided by ?????

     

    Think about it!

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points