Limitations of using AP Div Tags in page design

I have recently set up a complex page using AP Div Tags. It looks great, and behaves exactly how I want it to. I did this because it was quick and simple to do (I haven't used DW for about 8 years, and a lot has changed), and to take advantage of the show/hide behaviour, as there are up to 8 divs stacked one upon another, and also because the page was designed as a presentation tool, and was never intended to be accessible via the internet, so I wasn't worrying about browser compatibility, but only what it looked like on the PC it was designed on.
HOWEVER...
Now my boss likes the page so much, he's talking about making it publicly accessible. What are the limitation of having used AP Divs to lay out my page, and should I consider redesigning to ensure this is going to look how I want it to on other people's PCs? I'm afraid this is going to turn into another *** packet design that ends up in production...

You could spend hours on the Adobe Developer site reading about best practices....
http://www.adobe.com/devnet/dreamweaver/
But best practices in DW are really only best practices in HTML and CSS, and a good place to start there would be here - http://www.w3schools.com.
As you mention, your choice of layout methods may, in fact, be the best one for your purposes, although you do not have to use absolutely positioned containers to do this show/hide javascript thing. In this regard, you may find this DW extension to be a REAL TIME SAVER -
http://projectseven.com/extensions/listing.htm --> Auto ShowHide
It will keep track of every element that has been show using it (rather than the DW native behavior), and when one of those tracked containers is shown, it automatically hides all of the others.

Similar Messages

Only using AP Divs on a page? CS4

I'm structuring a page right now and was curious if AP Divs are generally just used as containers? Or can I get away with using all AP Divs, structured one on top of the other- I have a header, content, and footer AP Divs.
*I'm doing a liquid layout as well.

In reply to Dunbaraj,
yes use <div>s to lay out the page and position and style those <div>s using CSS.:
http://www.w3schools.com/css/
In reply to Murray *ACP*,
Hope you can see that the tongue in cheek over, over enthusiast response was an attempt to HIGHLY discourage the use of absolute positioning in laying out Web pages. The OP was focused strictly on AP (or more appropriately, PA) divs as containers… no mention of using a declared position for other elements..
Can’t tell you how many posts we get over at
http://www.webdeveloper.com/forum/index.php
asking why their page / menus, whatever don’t align correctly. The use of absolute positioning is real problem with beginner Web developers. While it may seem intuitive and easy to do so, the parent element thing throws them a curve, along with the fact that’s its just not good practice to do page layout that way.
“either misleading or wrong. For example, if an absolutely positioned element is the child of an absolutely positioned element, that child will be located relative to the ancestor's location, not the 'browser window'”
Sorry if my explanation of the “parent rule” was not clear.
"The thing missing from your positioning is that unless the parent element also has a declared position, the child will do 1 of 2 things"
In other words, if the parent does NOT have a declared position, this is what will happen.
If position:relative, it will position as desired but space will be left as though that element was still in the natural flow. So you may move the 500 X 100 element down and over, but a 500 X 100 space will be left, as though it was still there.
So:
#child {
width: 400px;
height: 200px;
position: relative;
left:100px;
top:100px;
background-color:#cccccc;
will move to the left 100px and down 100px, BUT will also leave a blank space where #child would have been if left in the natural flow.
And
#child {
width: 400px;
height: 200px;
position: absolute;
left:100px;
top:100px;
background-color:#cccccc;
child is positioned relative to browser window and that position does not change even if window contracts or expands.
This parent rule applies to both AP and RP <div>s and is the foundation of learning to correctly use declared positioning.
But I appreciate your comments and discussion!
Best wishes,
Adninjastrator

Dreamweaver crashes when i drag my div tags in design view

Hi
Ive just encountered a problem with dreamweaver cs4 at work.
I was creating a website using CSS and creating multiple div tags to house my images around the page. I normally position them using the CSS style sheet, but on this occasion, I grabbed the div tag whilst in design view and dragged it manually, and dreamweaver crashed! See image below It does so everytime I try the same thing again. Ive even restarted my PC. Anyone know why?

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

DW Beginner - Tables, Div Tags and CSS Confusion

Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
S

Since you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404

Div tags - changing link properties

Hi,
My page has two colors. In the top is the navigation and the
links need to be white due to the dark background. I did not plan
to use links in the body itself, but have been forced. The body
color is #efe9d1 and my links need to be dark. I am trying to use a
different style I named .bodylink to accomplish this. I have used a
div tag, and I am having the following problems. On my design view
of the page all my linked fonts are bold and white. When I view it
in my browser the navigation fonts are not bold and the second link
is correct. (note: in design view the body does not view correctly,
but the navigation does)
My script is attached.
Please tell me what I am doing wrong.

Read these -
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Little Ricky Productions"
<[email protected]> wrote in message
news:fntbk0$qkm$[email protected]..
> Hi,
>
> My page has two colors. In the top is the navigation and
the links need
> to be
> white due to the dark background. I did not plan to use
links in the body
> itself, but have been forced. The body color is #efe9d1
and my links need
> to
> be dark. I am trying to use a different style I named
.bodylink to
> accomplish
> this. I have used a div tag, and I am having the
following problems. On
> my
> design view of the page all my linked fonts are bold and
white. When I
> view it
> in my browser the navigation fonts are not bold and the
second link is
> correct.
> (note: in design view the body does not view correctly,
but the navigation
> does)
>
> My script is attached.
>
> Please tell me what I am doing wrong.
>
> a:link {
> color: #FFFFFF;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> .bodyLink {
> color: #a14e23;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> <tr>
> <td align="left"
valign="bottom"><div><p><a
> href="mediavision.html" target="_blank"
>
class="bodyLink">Attendees•Articles•Videos</a></p></div></td>
> </tr>
>

Help with placement of div tags

Hello. I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help. I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn. I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags. I set it up with a wrapper div, a header div, a content div, footer div, etc. But, inside those divs I want to have other div's where I can place things like a client login box, etc. So, I tried and tried to place them after one div, or before one, but I just can't get them to work right. I'm very proficient at Photoshop, but web work is fairly new. I've done a few sites, but in Golive and just basic bringing them in from Photoshop. Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then. I don't want it fixed in the same spot absolutely, but rather I want it to move with the page. I'm going to post a link to the site I'm working on, in case that helps. But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller. It's fixed now. But, it's the only possible way I know how to put the box and div tag where I want it. When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's? Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot? I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen. Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging? It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login. That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.

DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts. They are for special situations and should be handled with care or you'll end up with a mess. Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver. Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

DIV Tags

Hi there,
for you Guru's this is probably going to be a relatively easy
question.
I'm trying to design using CSS rather than tables, however
I've run into a problem. I'm creating a site and have created a DIV
for the Header, a DIV for the Content and a DIV for the Footer. I
am trying place three boxes within the #Content DIV tag, however no
matter how I place the tags, lets call them #Box 1, #Box 2, #Box 3
using the DIV tag pop up box, the boxes don't take on the
properties of the #Content DIV tag - i.e. I've made the boxes a
height of 300px however the #Content DIV tag doesn't extend to show
the the boxes sit inside the tag itself and the boxes show 'over
hang' - whereas I want the content to be scalable. I dont want to
put a fixed height on the #Content Div tag as the in the
information in the boxes which sit inside it will differ. I've
tried a few variations but nothing is working. I've even checked
other code on a CSS site with a three column layout - however I
cannot get mine to work. Any ideas, can you shed some light and let
me know where I am going wrong? I've tried hunting the answer down
on the net but cant find a 'definitive' answer and seem to be going
around in circles! :0 so I thought I would seek help from you guys.
I want to be a 'good boy' and do web design in CSS and not
return to tables so forgive me if this is 'one of those' questions.
Many thanks.

> I thought this would of been straight forward. ;?
It's not, of course. To achieve this, you have to 'fake it'
with what are
called "faux columns". Google that term....
In addition, because floated elements are 'removed from the
flow' of the
page, they will poke through their containers - this is what
you are seeing.
To make the container wrap the floated element, you have to
clear the float
before closing the container. To see what I mean, change this
</div>
<div id="Box2">Box Two</div>
</body>
to this -
<hr
style="height:0;line-height:0;margin:0;clear:left;visibility:hidden;">
</div>
<div id="Box2">Box Two</div>
</body>
That pushes the Box2 div, which is not contained within the
div#Content,
down to where it should be (according to your code) - along
the left margin.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"tommysauce" <[email protected]> wrote in
message
news:f2k8ot$592$[email protected]..
> Hi Murray,
> Simply put all I want to achieve is to have the #Contact
tag (container)
> and
> have 3 boxes within that tag which sit 'inside it' i.e.
I want the
> #Contact Div
> to stretch when the boxes height is increased - at the
moment the boxes
> just
> 'over hang' and aren't 'within' the #Contact Div tag. I
thought this would
> of
> been straight forward. ;?
>
> Here's an example:
>
http://www.webshapes.org/template/details/id/200704253532582428
>
> The content is contained within the #Content Div tag.
>
> So where am I going wrong?
>
> Many many thanks
>

AP Div Tag

my ap div tag i want to be in a fixed position on the page however when i place my ap div tag with an image in it it moves around in my browser. how do i stop from moving around in internet explorer 7 browser?

Hi! Thank you sooo much for responding...
I did read on to find out what you had written below.
I was trying to use AP Dive Tags to achieve the following for a navigation
menu bar:
Adobe Systems
In the Dreamweaver Nav Bar section I was able to construct the Dark Blue
panel of Home, About Us, Services, Careers, Contact Us & Staff with the
mouse down being the Lighter Blue Home, About Us, Services, Careers, Contact
Us & Staff.
However, I wanted to add under Services the other items of Engineering, Land
Planning, Environmental, Transportation, Utilities, Permitting &
construction Management with mouse over the Lighter Blue Services button.
I was trying to do this with an AP Div tag.
Is there another way to accomplish this in Dreamweaver without too much
difficulty.
And.
Would it be easier for me to construct this navigational bar in Fireworks
and import it into Dreamweaver?
Thank you for you kind help!
Cheryl

JS with div tags

hi to all, i m ferly new with this and english is not my native lenguage so i struglle with tutorial, i need help with this i need to place this code
JS:
$(document).ready(function(){
$('.slider2').bxSlider({
     slideWidth: 300,
     minSlides: 2,
     maxSlides: 2,
     slideMargin: 10
HTML:
<div class="slider2">
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar10"></div>
</div>
into content for Layout Div Tag "LayoutDiv5" to work properly
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MANORA</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Untitled-1.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script src="respond.min.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <p> </p>
    <p> </p>
</div>
<div id="LayoutDiv2"></div>
<div id="LayoutDiv8">T
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Item 1</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a>      </li>
    </ul>
</div>
<div id="LayoutDiv3"> </div>
<p> </p>
<p> </p>
<p> </p>
<div id="LayoutDiv5">This is the content for Layout Div Tag "LayoutDiv5"</div>
<div id="LayoutDiv6">This is the content for Layout Div Tag "LayoutDiv6"</div>
<div id="LayoutDiv7">This is the content for Layout Div Tag "LayoutDiv7"</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
i tried to put at each line but wont work
thank you

actually, i just figured this out, but am still haveing issues... i have the container, then the other div tags inside of it. i am using the div tags as columns inside of the container, but the container background color (gray) does not go all the way down until the rest of the page ends, or where the body ends. i think that it has to do something with the "height:", but am not sure. is there any way that you can put one div tag equal to that of another div tag so that it goes down the whole page like it is suppose to?
here is my code:
.container
    background-color: #666666;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
what is wrong?

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

CS4 Div Tags Help Needed

I just upgraded to CS4. In dreamweaver I am trying to build a
site that I designed in Photoshop to Dreamweaver using all Div
Tags. I can get the container to center, but when I place other
divs on top, they wont stay where I put them. I have taken absolute
positioning off, but then they fly off position totally. How to get
around this? I have tried relative, fixed and inherit, all with the
same result. I just cant figure it out. Can anyone help me?

Most of which are erroneous guesses.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ian Edwards" <[email protected]>
wrote in message
news:ggb7c1$qtg$[email protected]..
> Hi
>
> it would he if you uploaded the code so we can see it.
If you do that then
> no doubt you will be deluged with solutions.
> cheers
>
> Ian
> "martcol" <[email protected]> wrote in
message
> news:ggavg8$gf7$[email protected]..
>>
quote:
Originally posted by:
[email protected]
>> ....when I place other divs on top, they wont stay
where I put them. I
>> have
>> taken absolute positioning off, but then they fly
off position
>> totally.
>>
>> Do the< div> tags sit under each other rather
than if it is what you
>> want, sit
>> side-by-side? Or do they actually, "fly off
position?" Have you thought
>> about
>> the "float" property?
>>
>> Sometimes, leaving off a single closing tag in my
code can have
>> catastrophic
>> results for positioning - have you checked if your
HTML validates.
>> Often, that
>> can be a useful way of checking if your code is the
problem.
>>
>> Martin
>>
>

Difference betwen AP div and normal div tags

Hi,
I am New to CSS, well i know a little theory about but now is
the first time iam going to do a complete project with it. I want
some general relfexions from experienced users:
- When do you use AP div tags and when not?
- Which is the best normal div tags or AP divs?
Thank you

"mballom3" <[email protected]> wrote in
message
news:ggj2v7$t5f$[email protected]..
> Hi,
>
> I am New to CSS, well i know a little theory about but
now is the first
> time
> iam going to do a complete project with it. I want some
general relfexions
> from
> experienced users:
>
> - When do you use AP div tags and when not?
> - Which is the best normal div tags or AP divs?
AP = absolutely positioned.
Here's a demo of the various types of positioning in action:
http://www.great-web-sights.com/g_layersdemo.asp
and here's a little bit of explanation:
http://www.pactumweb.com/tutorials/css-p.php
The short of it is that absolute positioning looks really
tempting to those
who think their sites should be pixel-precise... but there
are far too many
sharks in the water if you don't know what you're doing. I
certainly
wouldn't recommend starting there; AP is a useful tool when
used
knowledgeably and sparingly. It is much wiser to start off my
learning how
to use floats.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com

Is this a bug for using DIV tag in adf page?

I'm using the version 11.1.1.2.0. And when I write the adf page code with empty content in div tag like this :
<div id="ex"></div>
<othertags>123</othertags>Then the code in randered page :
<div id="ex">
<othertags>123</othertags>
</div>Bug ?
Edited by: Derek.Jaa on 2010-4-21 上午4:00

Hi Simon
Thanks for you help and I can't see the tag you suggested. Maybe you should make you code between tag, replace the [] with {} .

Rich Text Editor functionality for a DIV tag in a publishing page in SharePoint online

Hi,
We are having a requirement where we need RTE behavior of SharePoint 2013 Rich Html Field for a custom DIV. The scenario goes like this:
1. I have a publishing page
2. I dropped the content editor web part and to that content editor web part I will point to an HTML file that needs to be rendered in that content editor web part
3. I have one DIV in the above mentioned HTML files and I want that div to be editable and I need to RTE options for that DIV.
How to accomplish the above behavior?

Hi,
According to your post, my understanding is that you wanted to create html rich text editor for a DIV tag in a publishing page in SharePoint online.
You can create your own Rich Text Editor.
Here are some great blogs for your reference:
An Example to Use HTML Rich Text Editor
Example: Using the Editor's instance
Rich Text Editor control in SharePoint 2010
Regarding SharePoint Online, for quick and accurate answers to your questions, it is recommended that you initial a new thread in Office 365 forum.
Office 365 forum
http://community.office365.com/en-us/forums/default.aspx
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How to avoid extra div tags, when we add components using cq:include

I tried using the below code in my component jsp from forums to remove those extra div tags when we try to add components using <cq:include tags.
<%
   if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN) {
       IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE);
%>
But this code helped to remove most of the extra div tags , but still adds this extra div tag to the first component I add using <cq:include tag.
its a basic and very critical necessity to maintain our markup design,But due to this dynamically added extra div tag will hinder the html and css behaviour of the page.
Appreciate your help to resolve this issue.
Thanks

Hi,
Can you try below if you really dont want to include anything during include.
<%
IncludeOptions opts=null;
   if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN) {
opts= IncludeOptions.getOptions(request, true);
opts.forceSameContext(Boolean.TRUE);
opts.setDecorationTagName("");
%>
Thanks,
Pawan

Limitations of using AP Div Tags in page design

Similar Messages

Maybe you are looking for