When floating DIV tags, I am unable to center the tags? help..

I am relatively new to dreamweaver, and have only used CS4 prior to CS5.5.
I am creating a website that has three columns, the header and the links bar to all other pages centers fine. But when i try and align the DIV tags it acts as if it is glued to the left or right hand side of the screen.
I am just wondering if there is a way to align the most left of the tags to directly underneath the most left of the header and the same for the right hand side?
If anybody could help it wouyld be much appreciated.
Thanks.

First, the way you have to handle multiple columns is to wrap them in a larger div.
So you'll have a container with three divs, name them left, center, right.
So here are your styles in CSS:
#container {
          width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
          background: #FFFFFF;
          margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
          border: 1px solid #000000;
          text-align: left; /* this overrides the text-align: center on the body element. */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
          clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#left {
          float: left; /* since this element is floated, a width must be given */
          width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
          background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
          padding: 5px; /* padding keeps the content of the div away from the edges */
          margin-top:15px;
#right {
          float: right; /* since this element is floated, a width must be given */
          width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
          background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
          padding: 5px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
#center {
          margin: 0 290px 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
          padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
Now, when you put together your HTML, you'll do this:
<!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>
<title>Page Title goes here</title>
<link href="path/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
    header goes here
    </div>
</div>
<div id="left">
Left Content Here
</div>
<div id="right">
Rightmost Content goes here. Please note the middle section comes after the right section.
</div>
<div id="center">
This is the center stuff and you will note that it has margins that keep it to the center.
</div>
<br class="clearfloat" />
<div id="footer">
Footer stuff goes here and is as wide as the main container
</div>
</div>
</body>
</html>

Similar Messages

Error when opening: "DiscoBrick 1.60. Unable to locate the plugin. Repair permissions and retry."

Error when opening: "DiscoBrick 1.60. Unable to locate the <> plugin. Repair permissions and retry."

I also got this error this morning. DiscoBrick is just a visual plug-in for itunes that i don't even use, so i just uninstalled it and that solved my problem.
Go to MacHD/Library/iTunes/iTunes Plug Ins/ then delete DiscoBrick.
If you still want it you could try re-installing it again
Glen.

TS3999 When using iCloud Calendar, I am unable to change the color of my work calendar. I have successfully followed the instructions to reset the colors of other calendars as desired. However, this one calendar always defaults to purple. Help!

When using iCloud Calendar, I am unable to change the color of my work calendar. I have successfully followed the instructions to reset the colors of other calendars as desired. However, this one calendar always defaults to purple. Help!

File>New Calendar to create a new calendar (Groups are for grouping calendars and I should ignore them). When you've created the calendar, control-click on it in the sidebar and choose 'Get Info' There you can select a colour. You can have as many calendars as you like. When you create a new event you can select the calendar it belongs to, and hence the colour it has.

When in dark mode, I'm unable to see the definitions on the screen when I'm looking up a word. Is there a fix for this?

When in dark mode, I'm unable to see the definitions on the screen when I'm looking up a word. Is there a fix for this?

Looking up definitions on the screen using Apple Dictionary? What application? Using shift+command+4, capture what you are referring to, and then use the camera icon in this posting toolbar to include it in your response.

TS3276 Mail shows in the doc, but when clicked or doubled clicked does not open on the desktop, HELP !

Mail shows in the doc, but when clicked or doubled clicked does not open on the desktop, HELP !

Try restarting your Mac.
Open Termimal (Applications/Utilities/Terminal)Try entering this command: killall Dock, and then hit enter
Try dragging the Mail icon out of the dock, then let it disappear in a puff of smoke. Then from Applications/Mail try dragging the Mail icon back into the dock, and see if it works.
Does Mail open otherwise? Like if you try opening it from your Applications folder?if it doesn't:
Boot into your recovery partition (restart, hold down ⌘R until you see the Apple logo), and use Disk Utility to repair your hard drive. Repair permissions too while you're there. OS X: About OS X Recovery
if that doesn't work: reinstall Mavericks over your current installation.
Message was edited by: arthur

Floating div tags - won't align

Hi there,
I am trying to align 2 div tags next to one another in the latest version of dreamweaver cc. At the moment I have one floating to the left 60% wide and on the the right 40% wide. The second div tag sits on the next line down to the right but I can't seem to get them the sit directly next to one another. Please help Thank you

Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>

<style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
body {
    padding: 0;
    width: 90%; /**adjust width as required**/
    margin: 0 auto; /**this is centered**/
    background: #F5DD83;
    color: #2294AE;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    box-shadow: 2px 2px 4px #333;
header {
    margin: 0;
    padding: 0 1%;
    width: 100%;
    background: #B00202;
    color: #FFF;
header h1, header h2 {
    display: inline;
    color: #F5DD83;
    padding: 0 3%;
section {
    margin: 0;
    padding: 0;
    background: #FFF;
    overflow: hidden; /**float containment**/
article {
    margin: 0;
    padding: 0 2%;
    float: left;
article.left { width: 60%; }
article.right {
    border-left: 1px solid #366;
    width: 40%;
footer {
    background: #B00202;
    clear: left;
    display: block;
    padding: 2%;
    color: #FFF;
</style>
</head>
<body>

<header>
<h1>Sitename</h1>
<h2>Some pithy slogan...</h2>
<nav>Horizontal menu goes here...</nav>
</header>

<section>
<article class="left"> <h3>Article Left 60% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>

</article>

<article class="right"> <h3>Article Right 40% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
</article>

<footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
</section>
</body>
</html>
Nancy O.

Dreamweaver Crashed on Mac when inserting Div Tags

We are experiencing interface lock up when attempting to
insert a div tag using the insert div icon on the insert common
toolbar on our Mac G5's. After selecting Insert and attempting to
select one of the insertion choices the machines lock up and have
to be force quit...doing very simple div tags with simple styles
for creating horizontal navigation...
Body (Block Centered Padding and Margin set to 0)
#wrapper (Block Aligned left Padding O margin set to 0 auto 0
auto)

Try downloading instead of using the disc. CS3 - http://helpx.adobe.com/creative-suite/kb/cs3-product-downloads.html

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

AP Div Tags Help

In my div tags, when they get so big, there appears a
horizontal dotted line. what does this mean? I try to color the
background of the div tag, but it only goes down till the dotted
line, and stops.

You are not paying attention to what I am saying. You only
get the dotted
line when you have specified a dimension for the container
that is SMALLER
than what you have already put into it. If you fix those
dimensions, the
dotted line will go away.
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
==================
"future-architect" <[email protected]> wrote
in message
news:fmafns$m27$[email protected]..
> but what if I want to color the second half of a layer,
but it is dotted
> in half. it doesn't let me color the bottom half, which
is what I want to
> do.

Why then find my iphone no more anti-shutdown function, because when lost iphone will shutdown if unable to locate the?

Why then find my iphone no more anti-shutdown function, because when lost iphone will shutdown if unable to locate the

New feature in iOS 7:
Losing your iPhone feels lousy. Thankfully, Find My iPhone can help you get it back. But if it looks like that’s not going to happen, new security features in iOS 7 make it harder for anyone who’s not you to use or sell your device. Now turning off Find My iPhone or erasing your device requires your Apple ID and password. Find My iPhone can also continue to display a custom message, even after your device is erased. And your Apple ID and password are required before anyone can reactivate it. Which means your iPhone is still your iPhone. No matter where it is.5
http://www.apple.com/ios/ios7/features/

Compile Errors when Generating Conditional Tag Help File

Ok, here is a recap of everything I have done. I started over from scratch. Unzipped the Help File into C:\Users\edwinwood\Documents\My RoboHelp Projects\Adobe RoboHelp 9 folder. Went to the properties SSOL Help Development folder and unchecked read only. Opened RoboHelp 9 as an administrator, went to File->Open and opened the help file. The first thing that pops up is a message stating this is a help file made with an older version of RoboHelp(v8) and must be upgraded(v9). I hit ok. The next pop-up is this “Unable to connect to the project $/SSOL HelpDevelopment@:ROBOSOURCE in version control. Would you like to browse for it?” I hit yes and the next pop-up just asks do you want to discontinue connection attempts in the future. I hit no. After that is usually where the files that are write protected pop-up but they didn’t this time. After about 5 minutes It will say upgrade complete. I shut down RoboHelp go into the language folder copy the robohhre.lng and paste it into the root folder. Like I said this file has nothing in it. I reopen RoboHelp as an administrator and open the project again. I then go to View->Pods->Single Source Layouts. Double click the Tag1 Remove Hickory Tech and then click save and generate. At the very end of the compile process I still get Template Errors...
Applying WebHelp 5.50 Template...
Template Error: can not resolve macro: WH_LNG_LoadingData
...Template Error: can not resolve macro: WH_LNG_MergeError1
Template Error: can not resolve macro: WH_LNG_MergeError2
Template Error: can not resolve macro: WH_LNG_JS_alert_ProjectLoadingFail
...Template Error: can not resolve macro: WH_LNG_PreTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_NextTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_Show_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_Hide_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_Show_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_Hide_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
Template Error: can not resolve macro: WH_LNG_SyncTocTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtopic.js
.....Template Error: can not resolve macro: WH_LNG_IndexSelectTopicTitle
Template Error: can not resolve macro: WH_LNG_IndexSelectTopicLabel
.....Template Error: can not resolve macro: WH_LNG_LoadingContentsData
Template Error: can not resolve macro: WH_LNG_Book
Template Error: can not resolve macro: WH_LNG_Page
Template Error: can not resolve macro: WH_LNG_Remote_Page
....Template Error: can not resolve macro: WH_LNG_IndexBtnText
....Template Error: can not resolve macro: WH_LNG_SearchPrompt in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whfform.htm
Template Error: can not resolve macro: WH_LNG_SearchPrompt in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whfform.htm
Template Error: can not resolve macro: WH_LNG_SearchPrompt in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whfform.htm
Template Error: can not resolve macro: WH_LNG_FtsMaxResult
Template Error: can not resolve macro: WH_LNG_FtsBtnText
.....Template Error: can not resolve macro: WH_LNG_JS_alert_ErrorInLoading
....Template Error: can not resolve macro: WH_LNG_About in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whskin_banner.htm
Template Error: can not resolve macro: WH_LNG_Author in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whskin_banner.htm
Template Error: can not resolve macro: WH_LNG_PoweredBy in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whskin_banner.htm
Template Error: can not resolve macro: WH_LNG_GeneratedBy in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whskin_banner.htm
Template Error: can not resolve macro: WH_LNG_SearchPrompt in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_ToolBarSearchBtnText in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_Show_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_Hide_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_Hide_Navigation_Component in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_SyncTocTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_ContentCategoryList in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_NextTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Template Error: can not resolve macro: WH_LNG_PreTooltip in C:\SSOL Tag1 Remove HickoryTech\WebHelp\whtbar.js
Finished applying Template in 40 sec(s)

Ok, replaced the 0k .lng file with one that actually has something in it and I am down to one error.
Template Error: can not resolve macro: WH_LNG_ContentCategoryList
If anyone could help me with this one I would be much obliged

Unable to start the debugger, HELP!!!

When I try to start debugger on the project in Java Studio Creator 2 U1, I am getting the below error. I even tried adding the path of JRE in PATH env variable with no effect. OS used is Windows XP SP2.
Note that I am able to run the program successfully. Problem is only with starting the debugger.
init:
deps-module-jar:
deps-ear-jar:
deps-jar:
library-inclusion-in-archive:
library-inclusion-in-manifest:
compile:
compile-jsps:
pluto-hack-web-xml-run:
portlet-container-deploy:
jsCreatorDist:
debug:
Stopping server localhost:25848
C:\Program Files\Sun\Creator2_1\SunAppServer8\bin\asadmin.bat stop-domain --domaindir C:\Program Files\Sun\Creator2_1\SunAppServer8\domains\ creator
Starting debug server localhost:25848
C:\Program Files\Sun\Creator2_1\SunAppServer8\bin\asadmin.bat stop-domain --domaindir C:\Program Files\Sun\Creator2_1\SunAppServer8\domains\ creator
Incrementally deploying ParentRelationManagement_1_localhost:25848_server
Completed incremental distribution of ParentRelationManagement_1
Incrementally redeploying ParentRelationManagement_1_localhost:25848_server
Start registering the project's server resources
Finished registering server resources
While redeploying, trying to stop the application in target server completed successfully
Deployment of application ParentRelationManagement_1 completed successfully
C:\Documents and Settings\Ramesh\My Documents\Creator\Projects\ParentRelationManagement_1\nbproject\build-impl.xml:526: org.netbeans.api.debugger.jpda.DebuggerStartException: shmemBase_attach failed: The system cannot find the file specified
BUILD FAILED (total time: 35 seconds)

Hi,
It helps to clean build project, delete .Creator folder in C\users\myname\ and reset server and redeploy to see any runtime errors in your project. Have you made any changes to .xml file( it may give unexpected results)?.
regards
dr.am.mohan rao

Unable to add the F4 help data description in field of ALV

Hi All,
I want to create a column based on the F4 help data description which i has mentioned below images..
I want to create a new column next to G/L account number column.
I want to add F4 Long Text field to a column..
Please help me how to pass the F4 help data from F4 to New column???
Thanks in advance..
Regards,
Kiran

Hi Aruna,
Thanks for replying.
Actually my requirement is , I use to add G/L number on F4 help, there I am having G/L account number with G/L account Description next to it ( LONG TEXT), I want that description should come in separate column next to G/L account.
After giving the G/L account number, its description will populate next to its Column...
The column will looks like in this Screen shot.
I added the new Column called G/L account Description, But how to pass the field value from F4 search data to that Column??
pls help me with this.
Regards,
Kiran

Floating divs

Hey TLF team,
Do you have any immediate plans to implement floating blocks instead of just floating images? I am currently implementing a stop-gap measure that splits the input up into multiple blocks, renders each to a different textflow, then lays them out on the page, but obviously this isn't optimal and if you guys are on the verge of implementing floating divs then I'll hold off!
The reason I ask this is that I noticed that Jin Huang posted 'We are implementing border feature and backgroundColor of "block element" now', which suggests that you might be implementing other block features too...
To confirm I am talking about the kind of block floats that would allow layouts similar to:
http://www.maxdesign.com.au/articles/css-layouts/two-fixed/
to be created in a single text flow.

Thanks for your reply - in that case I shall continue with my original plan. It would be really cool if you guys could add this feature at some point as when you have a lot of floating divs as seperate TextFlows on the screen at once things can get slow and it would be nice if this was handled within a single TextFlow.
Congratulations on your work on TLF so far!

Help needed creating vertical bullet list using div tag and css

Hi,
I think there is something quite fundamental that I'm missing when using div tags - I seem to keep running into problems with them.
I'm trying to create a vertical bullet list. It works fine when I try the code on its own as follows:
<!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">

</style>
<head>
</head>
<body>
<div id="techlistcontainer">
<ul id="techlist">
          <li>Java Messaging Service (JMS)</li>
          <li>Message Driven Beans </li>
          <li>Remote Session EJBs with multi-threading</li>
          <li>Message Oriented Middleware(MOS) such as Websphere MQ series, Mercator with SAP/ERP</li>
          <li>XML messaging</li>
          <li>CORBA (Common Object Request Broker Architecture), RMI (Remote Method Invocation)</li>
    </ul>
</div>
</body>
</html>
http://www.pa-solutions.co.uk/vertical_list.html
When I insert that into my site template page, its all over the place:
http://www.pa-solutions.co.uk/development.html
I've put the css code into a seperate file http://www.pa-solutions.co.uk/pas.css - I get the same results when its embedded into the html doc.
Please help before I pull all my hair out.
Thanks,
Phil.

Unless you know what you're doing with absolute positioning, avoid absolute positioning! Absolute positioning actually takes an element out of the normal HTML document flow and positions it absolutely in relationship with it's first parent with a position other than static - for details read the HTML specs at the W3C.
Ideally you should use the normal HTML document flow. Divs are block level elements meaning that they act like blocks that take up a height (determined by children content) and width (the full width of the page or it's parent container, unless you tell it otherwise).
For your CSS try this:
#techlistcontainer {
    width: 75%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 30;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30;
How does that work with your templates?

When floating DIV tags, I am unable to center the tags? help..

Similar Messages

Maybe you are looking for