Skip navigation
Sandip_Choudhury
Currently Being Moderated

Div Tag

Feb 20, 2013 11:12 PM

Tags: #div #dreamweaver_cs6

Hello,

 

What is the diffrence between Insert Div Tag, Insert Fluid Grid Layout Div Tag and Draw AP Div?

How to use all these three?

Where to use all these three?

What will be the effect in the design with these three?

 
Replies
  • Currently Being Moderated
    Feb 21, 2013 12:54 AM   in reply to Sandip_Choudhury

    What is the diffrence between Insert Div Tag, Insert Fluid Grid Layout Div Tag and Draw AP Div?

    A DIVision is a container that has its properties defined in CSS. These properties determine colours, sizes and positions.

     

    Where a normal DIV has an absolute value (e.g. 500px) for its width, a DIV within a fluid layout has a percentage (100%) as the value for its width. That way it will adjust to its parent container (HTML, BODY or another DIV)

     

    An AP DIV is similar to a normal DIV with the exception that it is absolutely positioned (position: absolute). This is the most difficult DIV to manage and its use is to be discouraged.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 21, 2013 3:18 AM   in reply to Sandip_Choudhury
     
    |
    Mark as:
  • Currently Being Moderated
    Feb 21, 2013 8:29 AM   in reply to Sandip_Choudhury

    HTML is HTML, CSS is CSS, Dreamweaver is just a tool that can help you make the most of HTML and CSS. Don't get caught up in trying to learn a tool when what you really want to learn is the fundamental languages the tool uses.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 21, 2013 2:21 PM   in reply to Sandip_Choudhury

    Learn CSS positioning in 10 Steps

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

     

    Default positioning (static or unspecified) is all you need for 98% of layouts. 

     

    "Drawing boxes" in DW is not a good way to work either. DW is not a graphics editor like Photoshop.  It's a web authoring tool.

     

    When you draw & move APDivs on your workspace, you remove content from the normal document flow and position them relative to the top, left corner of browser window or the nearest relatively positioned parent container.  

     

    When you preview the page in browsers, everything falls apart.  APDivs are not a good layout approach.  Here's more on why:

    http://www.apptools.com/examples/pagelayout101.php

     

     

    Nancy O.

     
    |
    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