Divs do not render in Dreamweaver.

Hello All,
I have just started making a web page using divs. Within
Dreamweaver, All the divs are shifted left, when I want them
centered. Yet, in IE, the page shows up exactly how I want it to. I
am sure it is a simple CSS issue but I am stumped. Here is what
little code I have. And I am also using DW CS3 and IE 7. Thanks for
the help!
<body>
<div id="Container">
<div align="center" id="Header">
<img src="Images/FranklinHeader2.gif" alt="Franklin
Township Schools" width="700" height="150" />
</div>
<hr />
<div id="NavBar">
<p>Board of Education </p>
<p>District News Letter</p>
<p>Teacher Resources</p>
<p>Parent Information</p>
<p>Student Links</p>
</div>
<div align="right" id="Content">Content for New Div Tag
Goes Here</div>
</div>
</body>
CSS:
#NavBar {
height: 600px;
width: 170px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding-left: 20px;
float: left;
#Content {
height: 590px;
width: 610px;
text-align: center;
float: right;
overflow: hidden;
clear: left;
position: relative;
#NavBar p {
font-size: 10pt;
color: #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 12pt;
white-space: normal;
#Container {
width: 800px;
height: 800px;
body {
background-image: url(../Images/drpshdw.png);
background-repeat: repeat-y;
text-align: center;
background-position: center;
background-color: #F7F4ee;
}

DW CS3 is very good at rendering CSS layouts, notwithstanding
Nick's
comment. Certainly it should nail a simple one like you have.
To make the divs center, you have to center their container.
You have not.
Change this -
#Container {
width: 800px;
height: 800px;
to this -
#Container {
width: 800px;
margin:0 auto;
(note that I removed the height - it's bad practice to
specify height on
text containers)
and see what happens.
The page itself may do better like this -
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../Images/drpshdw.png);
background-repeat: repeat-y;
text-align: center;
background-position: center;
background-color: #F7F4ee;
#Container {
text-align:left;
width: 800px;
margin:0 auto;
overflow:hidden;
#NavBar {
height: 600px;
width: 170px;
padding-left: 20px;
float: left;
#NavBar p {
font-size: 12px;
color: #000099;
font-weight: bold;
line-height: 12px;
#Content {
height: 590px;
width: 610px;
text-align: center;
float:left;
</style>
</head>
<body>
<div id="Container">
<div align="center" id="Header"><img
src="Images/FranklinHeader2.gif"
alt="Franklin Township Schools" width="700" height="150"
/></div>
<div id="NavBar">
<p>Board of Education </p>
<p>District News Letter</p>
<p>Teacher Resources</p>
<p>Parent Information</p>
<p>Student Links</p>
</div>
<div align="right" id="Content">Content for New Div
Tag Goes Here</div>
</div>
</body>
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
==================
"Mack879w" <[email protected]> wrote in
message
news:[email protected]...
> Hello All,
>
> I have just started making a web page using divs. Within
Dreamweaver, All
> the
> divs are shifted left, when I want them centered. Yet,
in IE, the page
> shows
> up exactly how I want it to. I am sure it is a simple
CSS issue but I am
> stumped. Here is what little code I have. And I am also
using DW CS3 and
> IE
> 7. Thanks for the help!
>
> <body>
> <div id="Container">
> <div align="center" id="Header">
> <img src="Images/FranklinHeader2.gif" alt="Franklin
Township Schools"
> width="700" height="150" />
> </div>
> <hr />
> <div id="NavBar">
> <p>Board of Education </p>
> <p>District News Letter</p>
> <p>Teacher Resources</p>
> <p>Parent Information</p>
> <p>Student Links</p>
> </div>
> <div align="right" id="Content">Content for New
Div Tag Goes Here</div>
> </div>
> </body>
>
> CSS:
> #NavBar {
> height: 600px;
> width: 170px;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> text-align: left;
> padding-left: 20px;
> float: left;
> }
> #Content {
> height: 590px;
> width: 610px;
> text-align: center;
> float: right;
> overflow: hidden;
> clear: left;
> position: relative;
> }
>
> #NavBar p {
> font-size: 10pt;
> color: #000099;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-weight: bold;
> line-height: 12pt;
> white-space: normal;
> }
> #Container {
> width: 800px;
> height: 800px;
> }
> body {
> background-image: url(../Images/drpshdw.png);
> background-repeat: repeat-y;
> text-align: center;
> background-position: center;
> background-color: #F7F4ee;
> }
>

Similar Messages

PLEASE HELP! How do I make BC not render a div if there is no content?

I have a problem that I suspect I need JQuery for, unless someone can suggest a nifty workaround:
On my ecommerce online shop layout template, I have it set up so that there's a category description first, that floats to the left, and then floating to the right of that, is my cataloguelist div class and my productlist div class below that.
As shown here:
on a page that has no subcategories: http://bevisco.businesscatalyst.com/products/storage/caddies
on a page that has subcategories, but no other products: http://bevisco.businesscatalyst.com/products/seating
This is how I've got the html on my shop layout template:
<div class="shop-main clear">
<div class="cat_description">{tag_cataloguebreadcrumbs}{tag_description}</div>
<div class="catalogue_list">{tag_cataloguelist,4,,24,,true,}</div>
<div class="prod_list">{tag_productlist,4,,24,,true,}</div>
<div class="footer clear">{tag_previouspage,<img alt="" src="/CatalystImages/module_previous.png" />}{tag_pagination}{tag_nextpage,<img alt="" src="/CatalystImages/module_next.png" />}</div>
</div>
What I want is for {tag_cataloguelist} and {tag_productlist} and their containing divs to not show at all if there is no content for them...
Is it possible? Is there anyoneone able and kind enough to please help me? I don't know javascript, but am happy to use it if someone can show me what I need.
Thank you.

Hi Carol,
I've read the rule of the commas for modules, but not for tags ... so thought maybe this is why is not working ... but again, I'm just trying to figure it out.
I'm still confusing about when and how use modules and tags properly.
I've found this short guide for TAGS that says literaly:
"Note: Tags are not transferrable and cannot be shared across all modules. Use the specific tags listed with each module as shown below: "
http://kb.worldsecuresystems.com/134/bc_1342.html?bc-partner
You may access through your BC aacount ... search by "Tags - Quick Reference" ... this is a little different that the one from ADOBE site.
You'll see that the tags can be customizable by modules and not the way you are doing.
HOWEVER, take a look at another short guide that might give you another options ... I'm gonna try this too.
This is at http://forums.adobe.com/docs/DOC-2721 .... scroll down until STEP 4 and see some customizations for Product Tags
I have a similar case like yours .... I want to show discounts and previous prices only on Sale items ... like I do at http://tesonline02.businesscatalyst.com/outerwear/avatar ... and hide all these for regular items.
Haven't found a clear tutorial, neither the responses are completly satisfactory... someone told me use the tag_sale and the rest through CSS ... but ... how??? ... this is so frustrating
.. have you found a good tutorial?
I'm trying to find a response for that ... keep you posted so you may apply it in your case.
Regards!!
Eva

I need help... Not a huge Dreamweaver User

I hope this makes sense! Bear with me... I'm not a big Dreamweaver user. I purchased custom Social Media Icons to put on my website in the footer. I thought I could possibly stumble my way through the code in Dreamweaver and do this myself. Any help would be greatly appreciated! When I export the file as HTML that I can paste into my site, the links are there but the images are not? Could someone maybe explain what I'm doing wrong? I even tried uploading the images to my site and then pasting the code, thinking maybe that was the route to go but it ends up with the pictures Icons there and then the table with question marks/links underneath. Help! Maybe point me in the direction of a good tutorial? Thank you, thank you!
Here's my site so that you can see what is happening: www.savvyshots.net

Surprisingly, lol, I somewhat have learned Image Maps this evening. Would you care to take a look at this code and help me figure out one last problem? When I paste the code into my website... the links aren't linking to Facebook, Twitter, etc. ? It changes the address in the nav bar to www.savvyshots.net/#http://www.facebook.com/savvyshots   Grrrr... I know I've left something out. Could it be the <a> tag ? Just not sure where to place it.
<center>
<head>
<title>socialSeals</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="customFooterImage">
        <img src="http://www.savvyshots.net/photos/i-8F73vpQ/0/O/i-8F73vpQ.jpg" alt="social icons" border="0" usemap="#SocialMediaFooter">
        <map name="SocialMediaFooter">
          <area shape="circle" coords="115,36,22" href=mailto:[email protected]" alt="social icons">
          <area shape="circle" coords="215,40,21" href="#http://www.facebook.com/savvyshots" alt="social icons">
         <area shape="circle" coords="317,36,20" href="#http://www.twitter.com/SavvyShotsWV" alt="social icons">
          <area shape="circle" coords="417,35,20" href="#http://www.instagram.com/SavvyShotsWV" alt="social icons">
</map>
</body>
</center>

.pdf does not render correctly

Hello everyone:
When creating a .pdf from a .html dreamweaver file it does not render properly. Headings go to the left and sidebar images do not display properly. Any ideas as to how to fix this. Using Adode Acrobat 8 Professional and Adobe Dreamweaver CS3. Many Thanks

Take a screenshot of the page then convert that to a PDF.
The PrtScr key on the keyboard only captures what you can see on screen (or the active window).
To get the entire page, either use something like SnagIt (commercial) or use one of the free add-ons for Firefox.
Edit: or as Paula suggests, create a print stylesheet.
http://www.alistapart.com/articles/goingtoprint/
Message was edited by: John Waller

CMD+ shortcuts not working in Dreamweaver CS3

I'm have a very strange issue with CMD+ keyboard shortcuts
not working in Dreamweaver CS3 on OSX 10.5. These actions are
working from the menus (i.e., copy, cut, paste, etc.). CMD+
shortcuts work in other CS3 apps. I've searched this forum and
googled up and down and found some references to issues like this
with Dreamweaver 8, but nothing for CS3.
Has anyone experienced this problem? I'm completely stumped.
Lawrence

My concern wasn't with the navbar, but thanks for the headsup.
The problem is that the link in the upper left hand corner, Suzie's Story, is a rollover image but it does not reveal the other image when the cursor goes over it.
                        <div id="topTabs1">
   <div align="center"><a href="http://www.google.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('suzie','','Images/Suzie's Story Tab_light.jpg',1)"><img src="Images/Suzie's Story Tab_black.jpg" alt="suzie" name="suzie" width="75" height="45" border="0" id="suzie" /></a></div>
         </div>
#topTabs1 {
width: 75px;
height: 45px;
float: left;
background-color: #ffffff;
padding-left: 0px;
padding-right: 0px

Why does some CSS not render when viewed from DW in a browser

I make a copy of my site on my local machine via ftp on my
local machine. The CSS does not render correctly for my top div tag
with the css nav in a browser from my local. It renders everywhere
else, even in the design view but does not render the same when I
view it in a browser from DW. Also, I know that there isn't a
problem with it on the remote machine bc when I go to the site,
everything is fine and the CSS nav renders correctly in the
browser.
Is there a setting I am missing? What is going on? Its very
annoying!

What has Rome ever done for us? :)
Cheers
Pablo
www.dellwebsites.com
"Murray *ACE*" <[email protected]> wrote
in message
news:eo3phg$8p$[email protected]..
> Is your link to the stylesheet root relative or document
relative?
>
> Are you previewing with temp files enabled?
>
> --
> 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
> ==================
>
>
> "L3SL1E" <[email protected]> wrote in
message
> news:eo3out$srs$[email protected]..
>>I make a copy of my site on my local machine via ftp
on my local machine.
>>The
>> CSS does not render correctly for my top div tag
with the css nav in a
>> browser
>> from my local. It renders everywhere else, even in
the design view but
>> does not
>> render the same when I view it in a browser from DW.
Also, I know that
>> there
>> isn't a problem with it on the remote machine bc
when I go to the site,
>> everything is fine and the CSS nav renders correctly
in the browser.
>>
>> Is there a setting I am missing? What is going on?
Its very annoying!
>>
>
>

CS4 Design view does not render CSS correctly but browser does !?!?

I am designing a layout using primarily CSS. I want to insert a table inside one of the div's. In design view the table gets pushed way out of position but in live view and on the web, the page looks correct. Why? Am I missing something in design view?
Here is the actual page I am working on Sample Page
Here is what I see in design view Design View
This glitch is making it difficult to add content to the table.
I tried to edit the page with Contribute CS4 and the table gets pushed so far out of position that it is impossible to access it. The page looks fine when I am connected but as soon as I try to edit it does not render properly.

This question comes up almost daily, and I dont recall seeing an answer that is much different. It comes down to that it does not matter what DV shows, it is the browser view that counts. How frustrating it is to spend time and effort to correct a view in DW Design, only to find out it throws your browser view all askew. Its hard enough to make x number of different browsers all look good with however many screen resolutions, to worry about something that in the end does not matter.....
Work more in code view, let F12 be your companion.
Gary

Why does f12(preview in browser mode) not render the page correctly?

Why does f12(preview in browser mode) not render the page correctly? Instead when i go to the main or original file, it renders properly? It is drriving me nuts! HAHA! Can anyone help? mainly CSS problem, div overlapping but when viewing from original file on browser not through F12, it renders correctly. CS5.5 DW. Thanks!

just that one of it is a f12 (preview in browser) while the other one is going to the directory and clicking the html page by itself.
F12 is simply a hot key that launches your browser.
The only thing I can think of to explain this is that you have a local site folder someplace in addition to a testing server site.
When you hit preview, your testing server on the localhost/ is being called up in the browser.
When you open the HTML page directly, you're seeing the local site file with unparsed data.
Try disabling your Testing Server in Sites > Manage sites > Edit...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Animated Gif Image does not render correctly on screen

I have added animated gif image to the scene it does not render correctely.it shakes on the screen. plz give me any suggestion
i use following code
Image logo= new Image(getClass().getResourceAsStream("images/image.gif"));
logoLabel.setGraphic(new ImageView(logo));

Hello user,
I think gif are rendered smoothly.
Are you sure you are not making many object of same images everytime?
Thanks.
Narayan

Crystal Report Viewer Error: Could not render the page

Hi,
I was facing the same issues whereby i creating my crystal report in VS2005 profesional built in crystal report designer. When preview in VS2005 the graph displayed correctly. However, when export to IIS it shows the error could not render the page.
I am using Windows 2008 server, IIS7.
I tried to install the CRREDIST x86.msi into my server, however it still could not show out the graph (pie chart) in the localhost.
Appreciated anyone know this could kindly advice.
thanks.
ck

Hello,
Crystal Reports 10 is not supported on Windows 2008 Server.
Please view the information [here|http://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes_boj/sdn_oss_boj_dev/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/scn_bosap/notes.do]
Upgrade the Crystal Reports.
Thanks,
Bhushan.

AIR application with Flex 4.5 will not render content. What gives?

OK,
So I've upgraded to Flash Builder 4.5 Premium and I am unable to develop desktop AIR applications with the 4.5 Flex SDK. I start by simply creating a brand new AIR application using the default SDK (Flex 4.5). I set the title property on WindowedApplication and include a simple Label component. The project compiles fine but when I run the application all I see is the adl window in the dock but that's it. If I modify the Main-app.xml file to set the visible attribute to true, I will get a small window but there is no content although the output window shows the application swf being loaded. Checking the release version of the Main-app.xml file shows the correct path location to the swf.
Here is what I've tried so far:
Install/reinstall Flash Builder, 4+ times
Downloaded the trial installation twice
Downloaded the SDK's for 3.6, 4.1 and 4.5.0. I then copied each SDK folder and merged the AIR 2.6 SDK with each copy. So now I have 6 SDK versions; one pristine and the other with the AIR 2.6 SDK merged. I then added each SDK individually and created an AIR desktop application for each. Each and every one works fine with the exception of the two 4.5 SDK's. They will not render content.
I created a simple creation complete handler for the application that declares a simple variable and assigns a value to it. I then put a break point on the assignment and it never gets caught. More evidence that the swf isn't getting loaded.
The computer I'm running on is a Mac Book Pro with Snow Leopard 10.6.7. If I create a web project in each of the 6 SDK's, those will work just fine. What the heck is it with Flex 4.5 and the AIR 2.6 SDK on this machine? I have the AIR 2.6 runtime installed as well as a number of AIR applications that work just fine. I also tried my 4.5 test on my windows machine and that worked like a champ.
I am completely out of ideas. Finding information has been difficult because everyone is all about mobile so searching for desktop issues is a losing battle. I realize this is a long email but I'm desperate for help. There must be someone out there that knows more about the low level interaction between Flex 4.5/AIR 2.6 and the OS.

Well, I finally found the issue, a corrupted mm.cfg file in /Library/Application Support/Macromedia. I deleted the file and then adl ran just fine.

Operating system (windows 7) not recognized by Dreamweaver

Dear all,
I wanted to download Dreamweaver from the Adobe website. My computer runs on Windows 7, which is listed as an acceptable operating system on the same webpage. However, when I click 'download', I get an error saying that my operating system is not compatible with dreamweaver. I had this problem using both Iron and Firefox as a browser. Does anyone recognize this problem and/or know the solution?
Thanks in advance!

Hi Saveedrow,
Could you please download CC desktop from the link: https://creative.adobe.com/products/creative-cloud, sign in with your Adobe Id and try to download/Install Dreamweaver. If still the same error then try to downloading from the direct link: http://prodesigntools.com/adobe-cc-direct-download-links.html.
Please follow the very important instruction before download.
Regards,
Romit Sinha

Extensions option not available in Dreamweaver CC 2014 Windows menu

This seems pretty low level but it is causing a lot of frustration right now, and combined with other issues is not casting a favourable light on the extensions management workflow.
Has the option been removed?
Should I have installed it as an extension? (irony)
Instructional videos point me to it, but it is not there on my version. Dreamweaver and Extension Manager CC are both up to date according to my CC desktop App.
Also, when I connect to Exchange via Extension Manager CC, and select the extension manually, I am then informed that it has been acquired, with no further hint information as to what I should expect next. No download occurs, nothing shows up in extension manager, the extension does not appear in Dreamweaver. This seems a little odd, and, again, is a little frustrating.
Please can someone put me out of my misery here. There appears to be no logic or intuitive path available and searching for help has rendered nothing helpful. Sorry if I am being an idiot.

If you don't already have it, you must download & install Extension Manager CC.
Free Extension Manager CC | Download Adobe Extension Manager free trial
Extension Manager Forum
Extension Manager
Nancy O.

Asp code does not render for first record in looped recordset

I have posted this question on a javascript forum as it
contains javascript code however it was believed to be an asp
issue.
The following head section javascript code contains the
function showBigImage( isource,bigImage,header ) function call of
discussion:
var currentImage;
function showBigImage( isource,bigImage,header ) {
var theImage = document.getElementById( 'largeimage' );
theImage.src = isource;
currentImage = bigImage;
document.getElementById( 'photoHeader' ).innerHTML=header;
document.getElementById( 'largeimage' ).alt=header;
The following rendered looped recordset code illustrates how
the "header" parameter of this showBigImage(
isource,bigImage,header ) function call does not render ONLY FOR
THE FIRST RECORD OF THE RECORDSET as it is blank:
<a href= "javascript:;" > <td height=36
valign="middle" class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=images/portable_stage.jpg&width=250','images/portable_stage.jpg',''
)"> <img
src="imagescript.asp?path=images/portable_stage.jpg&width=36"
border="0" alt="" /> </td> </a>
<a href= "javascript:;" > <td height=36
valign="middle" class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=images/seated_riserset.jpg&width=250','images/seated_riserset.jpg', 'Portable
stage configuration using 9 units of the 3 ft x 8 ft platforms in 3
different heights' )"> <img
src="imagescript.asp?path=images/seated_riserset.jpg&width=36"
border="0" alt="" /> </td> </a>
<a href= "javascript:;" > <td height=36
valign="middle" class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=images/Stageset.jpg&width=250','images/Stageset.jpg','Portable
stage configuration using 16 units of the 4 ft x 8 ft platforms'
)"> <img
src="imagescript.asp?path=images/Stageset.jpg&width=36"
border="0" alt="" /> </td> </a>
<a href= "javascript:;" > <td height=36
valign="middle" class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=images/Runset.jpg&width=250','images/Runset.jpg','Portable
stage runset configuration' )"> <img
src="imagescript.asp?path=images/Runset.jpg&width=36"
border="0" alt="" /> </td> </a>
Because of this problem, the caption text does not display
for this first image record once the thumbnail images are moused
over. You can view this page example at
http://www.canchair.com/new_web_product_detail.asp?ProductID=198&ProductFamily=1&ProductFa milySub=10

Please help with this issue!!!

Flash Files Will Not Display in Dreamweaver

Flash files will not display in Dreamweaver or in any
browser. If I insert a Flash button, text or other file, when I hit
the "play" button the flash place holder disapears, and the Flash
file never displays. In the Property Inspector, the file is always
"undefined" even when I save the file to my root folder with a
name. When I hit the "Edit" button, I get the message that the file
could not be found on my local disk. It's like Dreamweaver fails to
create or place a Flash file. Help please!

fro:
> <img
>
src="file:///Alan's/Users/alanwhelpley/Desktop/MM_DWCS3/Chapter11/Roses.jpg"
You will have to rename the hard drive for dreamweaver to
work properly.
The ' is causing dw to not find the path.
other symptoms would be dw nagging that the "homepage" is not
within the
local site folder so it can't build a sitemap.
technote-
http://kb.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14452
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Divs do not render in Dreamweaver.

Similar Messages

Maybe you are looking for