[Dreamweaver CS4] Absolute & Relative Position - Referenzpunkt und Probleme WebSite

Hallo Community!
Ich habe mich heute hier registriert, und dies ist auch mein erster Beitrag, allerdings habe ich schon des "öfteren" auch hier nach relevanten Hilfen für mich gesucht und diese auch meistens gefunden, allerdings hänge ich jetzt wieder bei einem Problem das so einfach (für mich) im Moment nicht zu lösen ist. Auf jeden Fall freut es mich, jetzt aktiv angemeldet zu sein und hoffe auf eine gute Zusammenarbeit! Es ist mir auch wichtig zu sagen, dass dies nicht das erste Forum ist, wo ich dieses Problem poste, ich bitte euch allerdings dies nicht als eine Art von "Spam" zu sehen, sonder es geht mir darum mehr Meinungen zu dem Problem einzuholen! Danke!
Zum Projekt - Kenntnissen:
Ich mache im Moment im Dreamweaver CS4 eine Website für meinen Vater, und mein bisheriges Wissen habe ich aus Tuts, Learning by Doing, teilweisen Programmierkenntnissen aus dem Studium und viel Mühe Ich möchte allerdings tiefer in das Thema einsteigen und werde mir deshalb in naher Zukunft literarische Unterstützung besorgen ! Dies am Rande damit ihr evtl. nicht schockiert seid, wie ich die Seite bis jetzt "gebaut" habe!
Aber nun zu meinem Problem:
Zuerst die Seite: www.multimedia-horvath.at
Nun folgendes, ich habe ein allgemeines Problem mit den AP - Divs bzw. allgemein mit der Positionierung von Grafiken uä.! Nur hatte das bis dato nicht den Effekt dass ich nicht weiterarbeiten konnte - jetzt schon!
Es ist so, dass ich auf der Portfolio --> Multimedia Seite rechts daneben ein AP Div hinzufügen möchte um jeden einzelnen Punkt der SUbnavi mit anderem Content darzustellen!
D.h. also. dass ich über die Hauptnavi Portfolio zur Subnavi komme, und dann dort zB auf "Multimedia" klicke und dann rechts daneben Content + Image steht. Ich habe (werde) zu diesem Zwecke den Code der jeweiligen Seite kopieren und bis auf die Beschriftung und den Content beim selben belassen. (Man hat mir von Frames, Iframes abgeraten )
Allerdings ist es nun so, dass ich die Buttons der Subnavi testweise einmal in div-tags eingebettet habe, und einmal als normale img´s importiert habe. Soweit so gut, die SubNavi passt dann im Groben auch, aber wenn ich dann versuche ein ap-div mit img´s und content rechts daneben zu platzieren verschiebt sich erstens alles und das ap-div ist dann plötzlich über meinem Header, und da hilft dann auch kein verschieben nichts mehr ! --> Dies passiert alles wenn ich die Position auf "Relativ" gestellt habe. Anders bei absolut, da steht das Ding dann wo ich es hin"mache", aber auch nicht unbedingt ganz genau, denn im Design Modus steht es dann komplett anders als im Live-View oder im Browser!
kann es denn sein, dass ich irgendeine Grundeinstellung falsch habe? Dass mein absoluter Punkt bereits falsch gesetzt ist und davon ableitend auch mit dem relativen Positionen etwas nicht stimmt?
Leider habe ich dieses Problem auch bereits auf der Homeseite, allerdings habe ichs da durch langes probieren und versuchen geschafft dass es zumindes vernünftig dargestellt wird, glücklich bin ich damit aber nicht wirklich.
So, ich hoffe dass mein Problem verständlich ist, und würde mich über Kommentare von eurer Seite sehr freuen!
Auch über jedwede konstruktive Kritik zu dem bisherig "gebauten" nehme ich sehr gerne entgegen!
€dit: Was mir noch eingefallen ist:
oftmals ist meine Entwurfs bzw. Live-Ansicht komplett anderst wie dann im Browser - ich meine im Prinzip kein Problem solange es in den Browsern dann passt, aber kann es denn sein dass im Entwurf teilweise alles auf einer anderen Position ist zB und im Browser dann stimmt ?
Vielen Dank im Voraus,
LG

Ähm, naja, du verwendest AP DIVs - Webdesign von vorgestern. Da braucht man nicht mehr zu zu sagen. Schrott, Schrott, Schrott. Wegschmeißen, mit richtigem CSS und konsequent relativer Ausrichtung und Formattierung der Elemente arbeiten. Klingt jetzt gemein, ist aber so. Du klammerst dich zu sehr an ein bestimmtes Design, und vergißt die Struktur, deswegen wird das nie funktionieren. You know, Vererbung von Eigenschaften, IDs, Klassen und so was...
Mylenium

Similar Messages

Prob. with Absolute/Relative Positioning of Layers

I used the List-u-Like generator to create a menu (
http://www.listulike.com/generator/)
for this page that I created in Dreamweaver:
http://hdumc.org/
and my menu is acting wacky in Firefox. Everything looks fine
in IE though. I've been trying to read through the Help on
positioning, but it gets so confusing. Can anyone help me out on
what I'm doing wrong?

romeogq wrote:
> Noooo, please don't be serious. That's basically what
I've been doing... and
> it's way too time consuming, especially when I could
simply export using
> tables. Just trying to figure out the simplest way to
export to css with
> relative positioning. My graphic has about 40 slices,
hence I really do not
> want to hand code.
>
Have you checked out the SMART CSS extension available on
Adobe's web
site? It may help.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver

Help! Dreamweaver bug with relative positioning?

Hi!
I really need some help here...
Every time I try to change my container position from absolute to relative, my AP elements window gets wiped out... all the Div labels suddenly disappear. When I change the positioning back to absolute, the labels reappear again. Am I doing something wrong? Why does that keep happening?

Copy & paste this code into a new, blank document. Turn off Live View. Use Split View with Code & Design View. Can you edit the text now?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#div1 {
    position:relative;
    top:122px;
    left: 25px;
    z-index:1000;
    background: #CFF;
    color:#03C;
    padding: 2%;
</style>
</head>
<body>
<div id="div1">
<h3>Heading 3</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. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</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. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>
</body>
</html>
Nancy O.

Spry Menu Bar killed by absolute/relative positioning

I have a Spry Menu Bar that works beautifully on most pages
of my site, but it does not function at all – not even the
top-level links – on
this
page where I have used relative and absolute positioning of
other objects to create CSS image rollovers.
If I comment out the link to the CSS file, the menu bar works
normally. Also, if I comment out any of the positioning rules in
the CSS file, the menu bar functions as usual – but I want my
image rollovers.
I have tried giving the other elements a lower z-index, and a
higher z-index, but this did not help. Any ideas?

I have a Spry Menu Bar that works beautifully on most pages
of my site, but it does not function at all – not even the
top-level links – on
this
page where I have used relative and absolute positioning of
other objects to create CSS image rollovers.
If I comment out the link to the CSS file, the menu bar works
normally. Also, if I comment out any of the positioning rules in
the CSS file, the menu bar functions as usual – but I want my
image rollovers.
I have tried giving the other elements a lower z-index, and a
higher z-index, but this did not help. Any ideas?

XML Parsing Error when opening Dreamweaver CS4

Hi guys, I downloaded a trial version of Dreamweaver CS4
which was downloaded from the adobe website and once i try
installing it it comes up with 'please delete current menus.xml
file and then rename menus.bak file to menus.xml'. Once I tried
that the new renamed xml file has the same problem as the old one.
Now, When i opened up the file in Firefox it came up with an XML
Parsing error. The exact error is as below:
XML Parsing Error: prefix not bound to a namespace
Location:
file:///C:/Program%20Files/Adobe/Adobe%20Dreamweaver%20CS4/configuration/Menus/menus.xml
Line Number 12, Column 5: <shortcut
mmstring:name="menus/DWShortcuts_Main_Quit" key="Opt+F4"
command="dw.quitApplication()" id="DWShortcuts_Main_Quit" />
----^
I am running windows XP SP3. Can anyone offer an
insight/possible solution? I've already tried the following methods
which have been suggested by other forums:
CS4 clean script on Adobe website
Microsoft installer clean up
uninstall and reinstall all CS4/adobe products
deleting Cache.db
deleting Macromedia folder
deleting faulty line in menus.xml file
Is there anything else I can do? Thanks guys!

1) Close Dreamweaver
2) Navigate to the Design.xml file and rename it.
3) Launch Dreamweaver and it will recreate the Design.xml file
The AppData folder is hidden by default on Windows, so you need to enable the option to view hidden files and folders in order to locate it, as follows:
In Vista/Windows 7, select Start > Computer > Organize > Folder and Search Options > View. In Advanced settings, choose Show hidden files and folders.
In Windows XP, select Start > My Computer > Tools > Folder Options > View. In Advanced settings, choose Show hidden files and folders.
Once you turn on this option, hidden folders are displayed as dimmed icons to remind you to treat them with care.

Dreamweaver CS4 Issue Jumbled Pages

I have two websites On Dreamweaver CS4,
It started out by jumbling both websites content together. I deleted everything and started from scratch!
Now every time I upload a file it puts that same file on my other website.
However I can only make changes to one web page.
Please Help

Have you defined each site separately in your Site Manager dialog?
Here's how
http://vimeo.com/45866696

Is this possible with Spry menu and Dreamweaver cs4?

I just starting to learn DreamWeaver cs4 and Spry, I am building a website that has a flash banner, menu bar(which is using the Spry Menu Bar, and a area for content. I have set up the content area with a DIV tag content_column. Now, I would like to have the link from the menu bar, populate the "content_column" with a external web page. I know that I can use the _parent, _blank, etc. setting for the target which just opens that link into a new browser page or replaces my current page, but I would like that link to open in the "content_column" part of my web site. The reason why I want this to happen, is so that the whole page, including the banner doesnt have to load ever single time the user click on a differnt menu option. These external pages will have different elements in them suchs as text, images, and .swf files.
Thanks in advance,
Gregg

Gregg,WELCOME!!! To the Dreamweaver Spry Forum! I see it is your first post...
Instead of using frames (of any kind) to show "other" web pages within your present page, try out the Spry Tabbed Panels widget.
I think it will do what you want. I've used it quite a bit, in various incarnations, and it is quite satisfactory in not redrawing the page every time you strike a tab.
Here's a link to some Spry simulations: http://www.adobe.com/devnet/dreamweaver/articles/spry_simulations.html
And some more info on Widgets: http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS48A27B01-5D59-409c-99B2-CB838B2985FCa .html
Beth

Problems to Download Dreamweaver CS4 with Akamai Download Manager!

I want to download Dreamweaver CS4 Italian Windows Trial version.
I have Internet Explorer 7, PC with OS Windows XP x64bit Corporate, Core2Quad Q9650, Motherboard MSI P45Platinum with Ethernet 10/100/1000,
4GBRAM,3 HDD 500GB WesternDigital,Nvidia GeForce 9400GT.
I have installed "Akamai Download Manager ActiveX" control asked on the top of window popup.
Clicked Yes:Installation confirmation.
But I have tried to click the button "Download" and just one window with this message appears and disappears immediately:
Per scaricare il software è necessario installare Akamai Download Manager...
Problemi di download?
Assistenza per il download...
Il sistema non dispone dei requisiti minimi per eseguire Akamai Download Manager.
(The system doesn't meets the minimum system requirements to run Akamai Download Manager.)
I can't download anything. Why?
I have disable Pop-ups Blocker, and disabled also Anti-Phishing Filter.
Disabled also Antivirus and the Firewall.
Set and lowered Security Protection from Tools>Internet Options: to "Medium"; and also, another time, set to "Personalized" with all the controls
switched to "Active".
Set Privacy>Settings>"Accetta tutti i cookie"(lowered to full bottom).
I have read this Akamai Download Manager FAQ:
-"Nothing happens when I click the download link"
If nothing happened after you clicked the download link, either your pop-up blocker or a high security setting on your web browser may have stopped
the Akamai DLM window from opening.
If you have a pop-up blocker enabled in your web browser or in your Internet toolbar (such as the Yahoo! toolbar or the Google toolbar), you will
need to disable your pop-up blocker to start your download. For additional information, and for instructions on changing your security setting, see
the "Akamai Download Manager system requirements" (ServiceNote kb400530).
Note: The download manager can sometimes take up to a minute to load. Please allow time for the initial loading before assuming there is a problem
Thus, I have followed this rules in Akamai Download Manager System Requirements:
Internet Explorer 7
1) Access your Internet options from the Windows Control Panel (Internet Options) or by selecting Tools > Internet Options in Internet Explorer
2) Select the Security Tab
3) Click Custom Level
4) Scroll through the list of security options and set:
-ActiveX controls and plug-ins > Download signed ActiveX controls > Enable or Prompt
-ActiveX controls and plug-ins > Run ActiveX controls and plug-ins > Enable or Prompt
-ActiveX controls and plug-ins > Script ActiveX controls marked safe for scripting > Enable or Prompt
-Downloads > File download > Enable
-Miscellaneous > Allow script-initiated windows without size or position constraints > Enable
-Scripting > Active scripting > Enable
5) Click OK
6) Click OK again
But nothing changes.
On my PC I have also this installation: "J2SE Runtime Environment 5.0 Update 5" and "Java(TM)6 Update 15".
But the download doesn't start at all.
1) How can I do to download Dreamweaver CS4-Windows-ITALIAN language?
2) Is it possible to download 364.8 MegaBytes without Akamai Download Manager?
Please Hurry!
Horsepower0171.

another option you may have is resettofactory
start- run- type:
cmd
press enter
type:
cd c:\program files\common files\research in motion\apploader
press enter
type:
loader.exe /resettofactory
press enter
please perform a backup first
test your browser before you restore your backup, and to be ssafe I would do a selective restore
open DTM, go to backup/restore- advanced
top left click on file-open
find your backup, it will load on the left side
you current working BB will be on the right side
transfer ONLY the absolute important databases from the left to the right(address, cal, phone logs, messages, sms, tasks, memo)... dont do any that you dont know and dont do any OPTIONS ones
Message Edited by drizzt09 on 07-13-2009 08:40 PM

Dreamweaver CS4 SPRY Menu Problems in IE

I am trying to have a drop-down menu on my site using the SPRY option in Dreamweaver CS4. In all browsers it looks exactly like it should. Unofrtunately in IE it pops out to the side instead of down. Anyone know a fix around this. The site is http://mtltechnologies.com/
Here is the SPRY CSS.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    cursor: default;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 154px;
    float: left;
    height: 25px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 154px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/button_bg.jpg);
    text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
    background-image: url(../images/button_bg_down.jpg);
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../images/button_bg.jpg);
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(../images/button_bg_down.jpg);
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(../images/button_bg_down.jpg);
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Anyone know a fix?
Thanks,

The code is too long. Let's do it this way, did you change anything on the default css of the SPRY menu?
just my thought, why don't you remove it from the table? That might be the cause. Try to think of an alternative way like using divs and css.

Problems with relative positioning divs

Hi all,
I'm still new to this css layouts thing, but am stumped by this problem. I have numerous parent divs with multiple child divs within them on my page design, and for some reason these child divs are not taking up the correct spacing that I enter in the CSS. They are all relative positioned, mostly using floats and clears (and I don't think I've missed any of those). Help! Hoping that it's something simple I've missed.
To pinpoint one example of this recurring problem, the #sidenav_one div will float: left with a spacing of top 8px and left 8px, but then #sidenav_two refuses to float: left, clear: both with a spacing of top 8px (I've had to put in 16px to actually get 8px, in both Firefox, Safari and Opera). (relevant parts of code highlighted).
I am happy to change how I've structured the page, if people think there is a better or cleaner way to do it. Thanks in advance.
A
<!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>United Future Foundation</title>
<style type="text/css">

</style>
<script type="text/JavaScript" src="curvycorners.js"></script>
<script type="text/JavaScript">
window.onload = function() {
    var settings = {
      tl: { radius: 5 },
      tr: { radius: 5 },
      bl: { radius: 5 },
      br: { radius: 5 },
      antiAlias: true
    var divObj = document.getElementById(".rounded");
    curvyCorners(settings, divObj);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/news_down.jpg','images/about_down.jpg','images/what_up.j pg','images/who_down.jpg','images/support_down.jpg','images/contact_down.jpg')">
<div class="rounded" id="container">
<div class="rounded" id="banner">
<div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /></div>
<div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
<div id="banner_name"><img src="banner_name.gif" width="509" height="133" /></div>
</div>
<div id="spot">you are here</div>
<div class="rounded" id="content">
<div id="text">
<h2> Breaking the Cycle - United Future Foundation</h2>
<p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
<p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
</div>
<div class="rounded" id="sidenav_one">
    <h1>News</h1>
</div>
<div class="rounded" id="sidenav_two">
<h1>Press Releases</h1>
</div>
<div class="rounded" id="sidenav_three">
    <h1>Media</h1>
</div>
<div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a></div>
<div id="home_about"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a></div>
<div id="home_events"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a> </div>
</div>
</div>
</body>
</html>

This is much simpler than you would think. You're making it hard work for yourself because you believe css is much more comlex than it really is or need be.
You rarely need to use relative positioning at all. You are using too many <divs> and redundant css attributes to reach your goals.
Think of the web as a simple structure of boxes and ino those boxes you place html tags or 'when' needed other <divs> ('when' is the choice word here. In time you will know when and when not to)
Copy the css and page code below and paste into a new Dreamweaver document. See how much leaner and cleaner the css and html code is.
<!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">
body {
font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
p {
font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
font-size: 14px;
color: #000;
.rounded {
-moz-border-radius:5px;
-webkit-border-radius:5px;
#spot {
text-align: right;
#container {
margin: 0 auto; /* horizontally centers container which has a width */
margin-top: 15px;
width: 972px;
background-color: #999;
padding-bottom: 25px;
overflow: hidden; /* a method to clear floated containers within a parent container */
#banner {
width: 872px;
height:210px;
background-color: #FFF;
margin: 0 auto; /* horizontally centers container which has a width */
margin-top: 15px;
color: #999;
#banner_left {
width:509px;
float: left;
margin-left: 5px;
margin-top: 5px;
#banner_right {
width:208px;
height:200px;
float: right;
margin-right: 5px;
margin-top: 5px;
#banner_name {
position:relative;
width:550px;
height:140px;
clear: both;
margin-left: 5px;
#content {
margin: 0 auto; /* horizontally centers container which has a width */
width:872px;
background-color: #FFF;
margin-top: 20px;
overflow: hidden; /* a method to clear floated containers within a parent container */
#sidenav {
margin-left:8px;
margin-top:8px;
width:136px;
float: left;
h1 {
font-size: 16px;
color: #000;
text-align: center;
background-color: #999;
padding: 10px 0 10px 0; /* short hand for top/right/bottom/left */
margin: 0 0 6px 0; /* short hand for top/right/bottom/left */
#text {
margin: 8px 0 0 18px; /* short hand for top/right/bottom/left */
width:700px;
background-color: #FFF;
float: left;
#home_home {
width:750px;
height:188px;
clear: both;
margin: 10px 0 0 31px; /* short hand for top/right/bottom/left */
#home_home img {
float: left;
</style>
</head>
<body>
<div class="rounded" id="container">
<div id="spot">you are here</div>
<div class="rounded" id="banner">
<div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /><img src="banner_name.gif" width="509" height="133" /></div>
<div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
</div>
<div class="rounded" id="content">
<div class="rounded" id="sidenav">
    <h1>News</h1>
    <h1>Press Releases</h1>
    <h1>Media</h1>
</div>
<div id="text">
<h2> Breaking the Cycle - United Future Foundation</h2>
<p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
<p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
</div>
</div>
<div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a>
</div>
</div>
</body>
</html>

Dreamweaver CS4 and PHP require_once, require, include_once, include absolute paths

I have a question about Dreamweaver CS4's new functionality that lists required and included files in a second row below the name of the file you are currently editing. It's handy.
I see that Dreamweaver attempts to list all the included files for a given page so that it is easier to find and edit those files.
For example. If I had a HTML document called index.html that linked to a CSS document called style.css, when I open index.html, Dreamweaver CS4 lists style.css in a row below index.html.
My problem is this. This new functionality works on absolute paths and relative paths for HTML elements. For example, it can find and link to CSS files regardless of if the src tag is relative or absolute (/css/style.css)
REFRESHER: absolute paths start with a "/" as in "/css/style.css" and relative paths do not start with a "/" as in "css/style.css" or "../../css/style.css"
However, PHP files that are linked to the current page via require, require_once, include, or include_once, only appear to work if you use a relative path.
So this would work in Dreamweaver:
require_once('../lib/config.php');
But this would not
require_once('/home/matt/mydomain.com/html/lib/config.php');
As any PHP developer knows, you are never supposed to use relative paths with included or required files. Especially if your site has multiple levels of sub directories. Relative paths are relative to the calling php document. It causes a bunch of problems. I can explain how if you want.
How can I tell Dreamweaver that the base directory on my apache web server for my domain...
/home/matt/mydomain.com/html/
... is the equivalent of the base directory on my home computer where dreamweaver accesses my files.
C:\Users\Matt\Documents\My Websites\mydomain.com\
So that when I write...
require_once('/home/matt/mydomain.com/html/lib/config.php');
... how can I force dreamweaver understand that "/home/matt/mydomain.com/html/" is the same as "C:\Users\Matt\Documents\My Websites\mydomain.com\" on my home computer. So that way, this new Dreamweaver CS4 submenu feature can find and link to the correct file.
Essentially, can I define Dreamweaver "include paths" for Dreamweaver to search in if the file I'm trying to include is not in the same directory?

athensmusician wrote:
As any PHP developer knows, you are never supposed to use relative paths with included or required files.
Perhaps you ought to inform the PHP documentation team. All the examples in the PHP manual use relative paths.
Essentially, can I define Dreamweaver "include paths" for Dreamweaver to search in if the file I'm trying to include is not in the same directory?
Dreamweaver parses only relative paths in PHP includes. The Related Files feature was a new addition in Dreamweaver CS4, so it's not 100% perfect. Having the ability to define your own include_path for Dreamweaver to parse would be a useful improvement. Make your voice heard by submitting a feature request through the form at https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform.

Dreamweaver CS4 interface problems in Win 7 Ultimate 64bit

I'm experiencing some frutratingly bizzare behavior with Dreamweaver CS4 and Windows 7 Ultimate 64bit and I'm hoping someone might now how to fix the issues.
1) When creating a new site by selecting "Site/New Site..." or "Site/Manage Sites..." the fields for selecting "Local root folder" and "Default images folder" always select a directory above where I tell it.
For example if I tell it to use "E:\ClientFiles\Client\website\" it always selects "E:\ClientFiles\Client\". and the only solution is to write in the proper directory manually.
2) Possibly related to the above targeting problem. In a document, even an new empty xhtml, if I place an image on the page and double click on that image to replace it with another I get the dialog box for selecting the new image, but on pressing "OK" nothing happens. The same thing occurs if I select the fodler icon in the properites at the bottom. The only methods that work are either deleting the placed image and then placing a new image or deleting the "Src" info in the "properties" panel and then clicking the folder icon next to "Src".
You can see how this would get frustrating after a while.
I've tried a complete reinstall of CS4, deleting the Dreamweaver cache file, and I get the same behavior on my laptop which is also running Windows 7 Ultimate 64bit.
Any help would be appreciated. I've submitted this behavior to Adobe support as well in hops that it can some how be resolved.

Both are known issues in DW on Win 7 and Vista. It's not just 64 bit.
Until Adobe issues a patch, the workarounds you describe are the only solutions for the timebeing.
Problem selecting local root folder in Vista & Windows 7
http://forums.adobe.com/thread/478327

Dreamweaver CS4 Serial Number Problems

Hi guys, I bought a new copy of Dreamweaver CS4 a couple of years ago, installed it, and its run fine. I don't build websites for a living, have just built one for myself and a couple of groups I'm involved with.
Just a few weeks back, I went to use the program and it told me to enter my Serial Number. I thought this was a bit wierd as I'd been using the program for a couple of years, and entered the Serial Number provided on the packaging when first installed. When I entered the Serial Number a red X appeared next to the number and the message "The serial number you entered is not valid"
Why would this have happened? Has the program been corrupted? I've been using the program without any problems until this started, now I can't seem to get into it. How can I fix this problem?
Many thanks.

Hi everyone, thanks so much for your replies, I really appreciate it. Sorry for my slow response, I have to travel a bit for my work so have been away lately. Jim, I have checked the serial number a few times to make sure I didn't mess it up. But am still having issues.
Carey, the problem I'm having isn't with trying to install it on a new pc. The problem is with my two current pc's. I first loaded the product to my main pc approx 2 years ago, and its been working fine. I installed it to my laptop more recently when my main pc went in for some repairs. Its been working fine on the laptop too. However, in December last year, my main pc was struck with a virus. I don't know if this was at all related to the issues I'm now having with my serial number, but the next time I went to use Dreamweaver, it started giving me a countdown for when I'd need to install my serial number. When that countdown reached 30 days it locked me out. When I entered my serial number, the red X appeared next to it and said "The serial number you entered is not valid".
The program worked fine on my laptop, until I went to use it a couple of weeks ago, and now when I open it an error message pops up which reads:
"Licencing for this product has stopped"
"This product has encountered a problem which requires that you restart your computer before it can be launched"
Then it goes on to tell me that if the problem continues I should contact Adobe, and it gives the error message: "Error: 148:3"
When I restart my computer, I get the same error message.
I have been really happy with the product. I don't want to install it on a new pc, I just want to sort out the serial number issues that have started and to get it working again on my existing pc and laptop.
Thanks again everyone for your help.

Dreamweaver CS4 positioning way off!!!

Does anybody know why my Dreamweaver CS4 positioning is WAY off of what appears on any browser? It's not just a couple pixels, it's like over a hundred in each direction. Text and image containers look perfect on DW, but in Safari they're about 100 too high and too far left... then in Firefox they're so far down the page that I can't find middle ground between the two (and then my DW looks so messed up its confusing to work with). I found in CS3 there were some variances, but not like this. Editing this page sucks and I'm so new to web design that my head is going to explode from the frustration. Help!

Pictures don't tell us what's happening under the hood. 99% of rendering/layout problems are in your code. Get some remote server space or make a TEST folder on client's server. Upload problem page and dependent files to the TEST FOLDER then post a URL here so we can see everything in context. If that isn't possible yet, you can copy and insert code into your message here by using the double blue arrows >> Syntax Highlighting > Plain. Remember to show us both your CSS and HTML code.
In the meantime, run your code through these 2 on-line validation tools and fix any reported errors:
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Also, read why AP Divisions or layers are not a good primary layout method:
http://apptools.com/examples/pagelayout101.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Problem with Dreamweaver CS4 after upgrade to Lion

I am having a problem after upgrading to Lion, with my Dreamweaver CS4 . When I try to use the bold button the text completely dissapears from the screen in design view The text is still there as it shows up in preview and also shows up in code view. Has anyone else had similar problems since the upgrade? and is there going to be a fix for it.

http://www.adobe.com/products/creativesuite/faq.html#lion-os
There are a number of known compatibility issues with Creative Suites and Lion
http://kb2.adobe.com/cps/905/cpsid_90508.html
Can't see your specific issue mentioned though.
Perhaps report it to Adobe via the Bug Report form giving full details
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

[Dreamweaver CS4] Absolute & Relative Position - Referenzpunkt und Probleme WebSite

Similar Messages

Maybe you are looking for