Text in Div tag question

hello Dreamweavers.
I have made a Div Tag and placed and image within it. Im also copy/pasting lorum ispum text in the div tag.
what id like to know is,why does DW put the text down the bottom and not from the top where the red arrow is.
So how can I add text from the top of the image?
thank you.

Try the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.banner {
    width: 600px;
    margin: auto;
.banner img {
    display: block;
    float: left;
    margin-right: 15px;
.banner p {
    margin-right: 15px;
.banner p span {
    font-weight: bold;
</style>
</head>
<body>
<div class="banner"> <img src="_images/top_back8.jpg" alt="img">
<p><span>Lorem Ipsum</span> is the exploitation of core competencies as an essential enabler, measure the process, not the people. Building a dynamic relationship between the main players. As knowledge is fragmented into specialities an important ingredient of business process reengineering whether the organization's core competences are fully in line, given market realities. The three cs - customers, competition and change - have created a new world for business highly motivated participants contributing to a valued-added outcome.</p>
</div>
</body>
</html>
I like to keep it simple and restrict the use of ID's

Similar Messages

IE7 seems to "hide" text in DIV tags

Hi Guys
How can I solve this? I would like to have the text horizontally and vertically centered in the DIV-tags. It goes quite well but in Internet Explorer 7 it only shows half of the text.
How to solve this?
And an additionnal question: I would like the lowest of the three buttons to be nearly pasting to the bar you can see under it. In Internet Explorer, that goes smoothly, but in Google Chrome or Firefox there's a lot of space between the button and the bar?
Thanks!
Bob

I'm not certain what you're using now, but I would write the css code something like this...
.centered {
     font-family:verdana;
     font-size:12px;
     font-weight:bold;
     line-height:20px;
     text-align:center;
     width:150px;
     height:20px;
     background-color:purple;
     border-radius:5px;
Then the html would look like this...
<div class="centered">some text</div>
It's hard to say what's going on with yours though without a link to the actual page.

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

CAS - Write text of certain html div tag to new attribute

Hi,
Is it possible with CAS to extract text from certain HTML div tags to new attributes. So let's say we have tags in a specific "Tags" div and store that text in a new attribute of that record?
Thanks!
Marco Snels

Hey Marco,
I'd need to try this out a bit more since I have never built a custom CAS web crawler parser plugin. Here's what I know based on your questions:
1) If I understand it correctly the name after the METATAG_PROPERTY_NAME_PREFIX will be the attribute name (?) so in this case Endeca.Document.HTML.MetaTag (?)
Correct. You will want to change this in the code to something more meaningful to what you're trying to parse out of the <DIV> you're interested in.
2) And I think that I have to change the FILTER-HTMLMETATAG name after the getParseMeta().add line but I don't know to which value?
Accorinding to the WebCrawler guide this sample attribute was only added so you could see a new property on each output record to prove that this custom plugin was being executed. It can be removed for your custom plugin. That said, you're going to have to change what you're pulling out out the parser object. In the sample, they're pulling out the MetaTags (via an Endeca extension of the nutch parser), which you don't care about for your need. (e.g. HTMLMetaTags tags = parse.getData().getMetaTag();). Instead, you'll need to pull out the Content (e.g. parser.getData().getContentMeta()). You may want to google for nutch parser usage to get examples on how specific HTML elements can be found.
HTH,
Dan
http://branchbird.com

Noob question about DIV tags

Learning DW and CSS so patience is in order .
I've being reading numerous posts here and on the web about avoiding tables for laying out web pages. I can see the advantages in terms of cleaner codes and easiness of updating and changing sites at a later time. So I started learning about DIV tags (although tables is very easy for me) and have practice a few times with fairly good results, love the absolute positioning with it. Having said that, for the love of me, can't find a way of centering horizontally a page designed with DIV tags (due to ignorance), for example, 1 column/three rows page, after defining styles, size and colors I enclosed everything in another DIV tag, wrapper I think is called, but have not found a way of centering it on the page, text-aligment on the DIV tag only centers the text not the DIV itself, how to go about this? Help is appreciated.

love the absolute positioning with it.
Get over it. It's a trojan horse. Absolute positioning is not a general layout method.
To center ANY block (non-absolutely positioned) element, use CSS to give it a width and left/right margins of 'auto'. For example -
<div id="foo">...</div>
That div will be centered with this CSS -
#foo { width:300px; margin:0 auto; }
I think you are on the wrong path already, though. Stick with tables (which you say are very easy for you) UNTIL you a) understand CSS well enough to understand what absolute positioning is and why I say it's bad, and b) understand how to use float, margin, and padding to place things on the page. Then you are ready to move away from tables.

Div tags and text decorations

Hello,
Is there a way to control the a:link text decoration/color within a div tag? It seems as thought the Page Props is the only place, hence controlling everything on the page.
Thank you!!!!!!

Okay so I go to a doctor's aqppointment and look at all the action on this thread.
Just to flesh this out a bit more.
I'd only add one other thing you may not be aware of (not you Murray, rather Esther). You can also have links appear different based on the part of the page they are on. If you have a div, as one example, on the page, you can style all the links in that div, to which you have applied an id="oneID" thusly:
div#oneID a:link {
     color:red;
     text-decoration:none;
     border-bottom: dotted 1px green;
and in another part of the page, say in an unordered list with an id="anotherID":
ul#anotherID a:link{
     color:blue;
     text-decoration:overline;
And of course Murray, you were correct, as usual, in divining the OP's query.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Div tag with text and image verticaly centered

I am having a problem with vertically aligning an image with
a text line in a div tag using an external CSS file.
Any help would be appreciated

quote:
Originally posted by:
Night_Ripper
You can simply do this:
ProdDimensions img {vertical-align:middle;}
Or you can use an un-ordered list that has your arrow
embedded as a background image, something like this:
.ProductList ul {list-style-image:
url(Arrow.gif);list-style-position:outside;list-style-type:none;text-align:left;}
.ProductList li {margin:0;}
wrap your unordered list around a div with the class
ProductList (or whatever you want to call it) and it will display
with the arrows in the middle of the text.
Another way to do it would be to set a background image on
ProdDimensions class like this:
background: url(Arrow.gif) left center
no-repeat;padding-left:21px;
That will simply put a background image to the left middle of
your div, the padding will ensure the text is not on top of the
arrow.
I used your idea of using the arrow as the div bg and it
worked like a charm.
Thank you very much for your help!

Div tag - how do you keep text within box

I have looked at many of the sample documents where the
columns, div boxes, etc are layed out for you. Margins and padding
are set. However it seems when I type text within the boundry I can
just keep typing clear outside the boundries. Shouldn't the text
auto-wrap to stay within the box. What good does it do to have the
div tag settings if they don't enclose the text for you? What am I
missing here.

Put a space in what you are typing, please. See what happens.
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
==================
"SnowmanTruckee" <[email protected]> wrote
in message
news:gkth4q$m1a$[email protected]..
>I have looked at many of the sample documents where the
columns, div boxes,
>etc
> are layed out for you. Margins and padding are set.
However it seems when
> I
> type text within the boundry I can just keep typing
clear outside the
> boundries. Shouldn't the text auto-wrap to stay within
the box. What good
> does
> it do to have the div tag settings if they don't enclose
the text for you?
> What
> am I missing here.
>

Quick question about div tags

How do you make a div tag only as wide as the content that is
inside of it, rather than the width of the cell that surrounds
it?

<div style="width:200px; float:left">
Would give you a div 200px wide and floated to the left. You
can similarly
float another div to the right of this div etc. When you are
done with a row
of divs, you would want to clear the float so that the next
set of divs
starts with the extreme left as the reference point. To clear
a float you
would use style="clear:both;" or style="clear:left;" etc.
Please do some
reading on all this before you start experimenting else
you'll run into a
multitude of issues.
You cannot lose until you give up !!!
"AngryCloud" <[email protected]> wrote in
message
news:f133f2$jk4$[email protected]..
> How do you make a div tag only as wide as the content
that is inside of
> it, rather than the width of the cell that surrounds it?

How do I overlap text in a Div Tag over an Image

Hi,
I have a large image which I would like to set as as border around the page.
Please see www.touchw1.com, it is the grey border with the 3 archways on it that I would like as a border. At present, everything on this screen apart from the contact details at the bottom are saved as one JPEG. I saved it like this as I don't know how to set that border as a border and then insert other div tags over, or in it? Can anyone help??
Thanks

Create a 'wrapper" and 'footer1' <div>
<div id="wrapper">
</div>
<div id="footer1">
</div>
Create some css:
#wrapper {
border: 1px solid #333;
border-bottom: none;
width: XXXpx /* width you require */
margin: 0 auto; /* centers wrapper horizontally in browser window */
#footer1 {
background-image: url(archway.gif); /*archway image plus borders */
background-repeat: no-repeat;
height: XXpx /* height of background archway image */
width: XXXpx /* width you require */
margin: 0 auto; /* centers footer1 horizontally in browser window */
Then start adding content to the 'wrapper' <div>. Insert your logo into a <h1> header.
<div id="wrapper">
<h1><img src="images/logo.jpg" width="XXX" height="XXX" alt="TouchW1 Sales and Press Agency - Central London" /></h1>
<p>TouchW1 is a newly created niche agency that specialises in all aspects of sales management, press and licensing, based in the heart of Central London</p>
</div>
<div id="footer1"></div>
Move h1 header into position in the 'wrapper" <div> with css:
h1 {
margin: XXpx XXpx XXpx XXpx; /* top, right, bottom, left */
padding: XXpx XXpx XXpx XXpx;
Do the same with the paragraph tag
#wrapper p {
margin: XXpx XXpx XXpx XXpx; /* top, right, bottom, left */
padding: XXpx XXpx XXpx XXpx;
Add rose as background to 'wrapper' <div>
#wrapper {
border: 1px solid #333;
border-bottom: none;
width: XXXpx /* width you require */
margin: 0 auto; /* centers wrapper horizontally in browser window */
background-image: url(rose.jpg);
background-position: top right;
background-repeat: no-repeat;
Hummm that its really....add a 'footer2' <div> for the address line

How do you position text in a div tag to be in the center vertically?

Can someone help? I am struggling to convert from being dependent on tables to design sites to using all css and divs. Anyway, in my practice file, i made a header that is styled to be 50 pixels tall. The type in the header goes to the top. I am used to having type default to to the left and positioned vertically in the center they way type "works" when placed in a <td>. What am I not "getting?" I would like to know that if I change the css for the header region from 50 to another value that the type will always be positioned where I want it.
thanks in advance for any suggestions. Maybe the picture I've attached will better explain what I'm talking about. Oh, and I've also attached the html file

HudsonSwimmer wrote:
Can someone help? I am struggling to convert from being dependent on tables to design sites to using all css and divs. Anyway, in my practice file, i made a header that is styled to be 50 pixels tall. The type in the header goes to the top. I am used to having type default to to the left and positioned vertically in the center they way type "works" when placed in a <td>. What am I not "getting?" I would like to know that if I change the css for the header region from 50 to another value that the type will always be positioned where I want it.
thanks in advance for any suggestions. Maybe the picture I've attached will better explain what I'm talking about. Oh, and I've also attached the html file
I'm afraid you'll have to starting looking at things differently. Css cannot yet vertically centre anything in a <div> container reliably.
About as good as it gets is one line of text (see code below) using the line-height attribute AND you need to give the <div> a height too which is also likely to lead to other problems. So forget it. You can use padding and margin to push it into a 'visual position vertically centered' in your browser but there is no guarantee that others with different browser set ups will be seeing it the same.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#vertCentre {
height: 300px;
background-color:#FF0;
line-height: 300px;
text-align: center;
p {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
</style>
</head>
<body>
<div id="vertCentre"><p>This is some vertically centered text</p></div>
</body>
</html>

Div tags - I'm totally confused

I just finished a website that employed AP divs...and was
heartily chastised for doing so. So, I'm attempting to create
another site that employs div tags.
I created a new site and began working on the design. Banner
at the top (jpg image in a div tag - 760 px wide, no float, no
clear), left sidebar (jpg in a div tag - 154 px wide, no float, no
clear), attempted to create another div tag (right sidebar) but I
can't get the div tag to hug the right margin of the page at the
same height as the left tag. It keeps appearing below the left
sidebar div tag....I have no clue how to get the div tag to appear
on the right side of the page.....assistance would be greatly
appreciated. (I have lots of other questions, but if I can get past
this issue, I MAY be able to work those out myself).
David Bird

Well, because #leftsidebar is a block tag, and because you
have not
controlled its width, it occupies the full width of its
container, so there
is no room to the right for anything. And by the way, why so
many rules for
#leftsidebar img? Also, you have misformed the selector for
#rightsidebar.
Anyhow, this may be what you are after - not sure, though....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Home</title>
<style type="text/css">

</style>
<link href="fsbstyle.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="wrapper"><div id="topbanner"><img
src="Art/topbanner.jpg"
alt="banner" width="760"
height="153" /></div>
<div id="leftsidebar">
<p><img src="Art/Sidebar.jpg" width="152"
height="474" /></p>
</div>
<div id="rightsidebar">Content for id "rightsidebar"
Goes Here</div></div>
</body>
</html>
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
==================
"SwampeastMO" <[email protected]> wrote in
message
news:[email protected]...
> Murrary....Here's the fsbstyle code
>
> #wrapper {
> font-family: Arial, Helvetica, sans-serif;
> font-size: 10px;
> font-style: normal;
> color: #000000;
> background-color: #CCCCCC;
> padding: 10px;
> width: 760px;
> margin-right: auto;
> margin-left: auto;
> }
>
> #leftsidebar img {
> width: 154px;
> padding-top: 0px;
> padding-left: 0px;
> position: relative;
> left: auto;
> }
> #topbanner img {
> width: 760px;
> }
> #leftsidebar img {
> padding-left: 500px;
> }
> #leftsidebar img {
> padding: 0px;
> width: 154px;
> margin-left: 600px;
> }
> #leftsidebar img {
> width: 154px;
> margin-left: 0px;
> }
> #right sidebar {
> width: 154px;
> margin-left: 452px;
>

Moving div tags?

Sorry for all the questions but if I finally understand then
I will stop asking. Here is the html code for my site so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>ivoog! - New & used electronics,
apparel, collectibles, sporting goods & more at low
prices.</title>
<style type="text/css">
#ivoog {
margin: 15px auto 0;
body{
width: 950px;
margin: 0px auto;
</style>
</head>
<body>
<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px; margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif); width:950px;
height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories" style="background-image:url(LCB.gif);
width:236px; height:621px; margin-top:-13px"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px; height:140px; margin-top:3px"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px; height:339px;
left: 457px; top: 216px;"></div>
</body>
</html>
I want my "Start Shopping" div tag to be 5px to the right of
the "Categories" div tag. I CANNOT use the position:relative or
margin-top:example or something like that because if you open the
page in IE, and change the width of your browser then the Start
Shopping div tag will stay in the same place while everything else
moves. How can I make it so the tag will be 5px to the right from
Categories? What is the code and where do I put it? Please explain
to me like you would to a person who does not know HTML. Thank you!
Please help! I am TIRED! THANKS!

<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px;
margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif);
width:950px; height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories"
style="background-image:url(LCB.gif); width:236px;
height:621px; margin-top:-13px; float:left;border:1px solid
red;"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px;
height:339px; left: 457px; top:
216px;margin-left:5px;border:1px solid
green;"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px;
height:140px; margin-top:3px;clear:both;"></div>
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
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Sorry for all the questions but if I finally understand
then I will stop
> asking. Here is the html code for my site so far:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>ivoog! - New & used electronics,
apparel, collectibles,
> sporting
> goods & more at low prices.</title>
> <style type="text/css">
> #ivoog {
> margin: 15px auto 0;
> }
> body{
> width: 950px;
> margin: 0px auto;
> }
> </style>
> </head>
>
> <body>
> <div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
> height:99px"><img src="ivoog.gif"
style="width:252px; height:74px;
> margin-left:10px; margin-top:11px"></div>
> <div id="Search"
style="background-image:url(Search%20Box.gif);
> width:950px;
> height:46px"></div>
> <center><p><img src="slogan.gif"
style="width:637px; height:44px;
> margin-top:-19px"></p></center>
> <div id="Categories"
style="background-image:url(LCB.gif); width:236px;
> height:621px; margin-top:-13px"></div>
> <div id="Quick Help"
style="background-image:url(BB.gif); width:475px;
> height:140px; margin-top:3px"></div>
> <div id="Start Shopping"
style="background-image:url(MSB.gif);
> width:432px;
> height:339px; left: 457px; top: 216px;"></div>
> </body>
> </html>
>
> I want my "Start Shopping" div tag to be 5px to the
right of the
> "Categories"
> div tag. I CANNOT use the position:relative or
margin-top:example or
> something
> like that because if you open the page in IE, and change
the width of your
> browser then the Start Shopping div tag will stay in the
same place while
> everything else moves. How can I make it so the tag will
be 5px to the
> right
> from Categories? What is the code and where do I put it?
Please explain to
> me
> like you would to a person who does not know HTML. Thank
you! Please help!
> I am
> TIRED! THANKS!
>
>
>

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 Tag Vs. AP Div plz

Hi,
I'm new to dreamweaver and I have a simple quick question:
Why is it better to use div tags to design a web page instead of AP
Divs? I have a dreamweaver manual that says "AP Divs are not layout
heaven. AP Divs are difficult to control with precision... if a
visitor increases the font size in the browser, the text may spill
out of your layout... In addition, it is nearly impossible to force
a footer to the bottom of the page that's laid out using AP
positioning."
I thought that the "rule definition" box in css properties
allowed you to create very precise layouts but I guess there's
something I don't know and the author of my book does.
Thanks,
Satotana

Which manual are you reading? It's one of the few that got it
right.
http://apptools.com/examples/pagelayout101.php

Text in Div tag question

Similar Messages

Maybe you are looking for