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>

Similar Messages

Problem with relative positioning

Why would this work:
x="{this.width/2}"
but not
x="{this.width-2}"
or
x="{this.width}"
Makes no sense to me. I get the number if I trace it.

This was in my GameItem class. When I tried x="{this.width}"
the instance was not created. No error, but no instantiation
either.
When i used the "working" version, it worked, my button was
in the middle horizontally:
<mx:Image width="32" height="32" id="leftBtn"
source="@Embed('assets/close.png')" visible="false"
x="{(this.width/2)}" y="{this.height/2}" />
Where "this" is the component, GameItem (a canvas with the
button as one of its children)

Problem with Image positioning

Hello everyone I am having a problem with the positioning of an image I want to sit on top of the background in DW. I want it to sit on top of the background because I want to use a behaviour effect so that it fades in. Anyway, I go to Insert and choose the image I want, and it shows up in the top-left corner of my DW, which I expect it to. However, I want the Image to sit a lot further down the page (and eventually at the center). So, I select the image and go to the "V Space" in the properties panel and I alter the value in it so that the image will be positioned further down the page. However, when I do this for some reason the whole page shifts to the left a little and I also get a scroll bar that makes the page a lot longer, which I don't want. Does anybody know why this is happening and what I could do to prevent it? I will attach a "before" and "after" screenshot so you can see what I mean a little more clearly.
If you can see the whole page shifts slightly to the left and I get a scroll bar which makes the page a fair bit longer. I've also experimented a little by moving the image down bit by bit and found that everything is fine until I cross around 200 on "VSpace"- after that is when the page shifts and I get the scroll bar.
I greatly appreciate any help! Thanks

As a starting point, Copy & Paste this code into a new, blank HTML document. The comments will guide you.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html {font-size: 100%}
body {
margin: 0;
background:#000;
font: 1em Geneva, Arial, Helvetica, sans-serif;
color: #FFF;
text-align:center;
#wrapper {
width: 960px; /**width in px, ems or %**/
margin:0 auto; /**centers page**/
padding: 0;
border: 2px solid silver; /**optional border**/
#header {
text-align: center;
border: 1px dotted silver; /**optional border**/
/**Main Menu**/
#navlist {
margin: 0;
padding: 0;
font: italic 24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: center;
#navlist li {
margin: 0;
padding:0;
list-style: none;
display: inline;
#navlist li a {padding: 0.75em; text-decoration: none;}
/**link colors**/
#navlist li a:link,
#navlist li a:visited { color: #999; }
/**On mouseover**/
#navlist li a:hover,
#navlist li a:active,
#navlist li a:focus { color: #FFF; text-decoration: underline;
/**End Menu styles**/
#content {
width: 400px;
font-size: small;
margin: 20px auto 0 auto;
text-align: center;
color: #CCC;
#content ul li {margin:0; padding:0;
list-style:none}
/**Rollover Image**/
#content a img {
border:none;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70)}
#content a img:hover,
#content a img:active,
#content a img:focus {opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)}
#footer {
border-top: 4px solid #990000;
font-size: x-small;
text-align: left;
margin:0;
padding: 0 0 0 15px
/**RE-USABLE CLASSES**/
.left {text-align:left}
.right {text-align: right}
.center {text-align:center}
</style>
</head>
<body>
<div id="wrapper">

<div id="header">
<h1>Amy Carrier </h1>
</div>

<ul id="navlist">
<li><a href="#">AC</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul> 


<div id="content">
<p class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac dolor velit, sed adipiscing ipsum. </p>
<ul>
<li>details</li>
<li>details</li>
<li>details</li>
</ul>

<a href="http://www.google.com/chrome"><img src="http://dret.net/lectures/web-fall09/img/chrome-logo.png" alt="image" /></a>
</div>

<div id="footer">
<p>@ 2010 Footer text goes here</p>
</div>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

CS5 Problem with box positioning

CS5 Problem with box positioning. 0 Point for box positioning is on the right side now, how can I change it so its on the left side of the box again?
(When I started to work on my document all of my text boxes were positioned at 20px now they are at 180px and they are 160px width)
Thanks in advance!

Without a screen capture showing a bit more about what you mean, I can't tell if this is just a case that you need to reset the zero-point on the ruler (or change from ruler per page to ruler per spread or ruler on spine...) or some other problem entirely.
You can embed a screen capture in a post using the camera icon on the web page like this:

Problem with geo positioning

I have big problems with geo positioning in Google Maps (and other apps) with my Swedish 3G 2.1 iPhone. Most of the time it works fine and my positions is found quick and easy. On some places, the positioning is WAY OFF. For example, at my home the positioning system seems to think that I am in India. Not the case, I can tell you! When I was in London this weekend the positioning said I was in Thailand when I was at Stansted airport. Same story both on the day of arrival and departure. In the city of London it worked fine at all times.
What can I do about this much annoying stuff?
Please help!
Message was edited by: HenkeL

Turn off WiFi.
What is happening is some WiFi router near you was recorded into SkyHooks database with it's MAC address and Lat/Lng as being in those places. Part of the lookup of finding you will use any nearby wifi MAC addresses and look them up in Skyhooks database. If their data is wrong, that is what happens. People can move from one place to another bring their router with them. Companies can need to repair a router and send it off to another part of their business (eg: from one airport to another).
Turning off WiFi means it won't try to use MAC addresses of nearby wifi spots. It is the price you pay for relying on somebody elses data that has the ability to get out of date.

Problems with CSS Footer Div

Problems with CSS
I am building a new page for my company. I am trying to place the Div Footer at the bottom of the screen. I have placed (i believe) the appropriate information for the CSS.
The problem is when i minimize the browser the Footer section never leaves the screen and hovers over the other div tags. When I shrink the browser to its maximum the divs fall on top of each other.
What I would like to know is how to make the Footer div below hide like the other divs but remain at the bottom of the page instead of hovering over the other divs. I have read that I should not apply fixed divs.... is that correct?
I have applied to the current CSS to the below web page: http://trbla.com/sample.html
#rhythm {
width: 607px;
margin-top: 300px;
margin-right: auto;
margin-left: auto;
*img {
border: 0;
#rhythm #goldr {
width: 215px;
float: left;
border: 0;
#rhythm #trbnew {
float: left;
width: 181px;
border: 0;
#rhythm #greyr {
width: 211px;
float: left;
border: 0;
#nav {
margin-top: 200px;
width: 607px;
margin-right: auto;
margin-left: auto;
padding-bottom: 100px;
clear: both;
#nav #navonewrap {
float: left;
clear: both;
#nav #navwraptwo {
float: left;
width: 175px;
height: 22px;
#nav #navwrapthree {
float: right;
width: 215px;
margin-right: -75px;
#footer {
bottom: 0px;
clear: both;
position: fixed;
width: 100%;
#footer #left_footer {
float: left;
clear: left;
overflow: hidden;
#footer #r_footer {
float: right;
Thanks for anyones help thus far,
Rhythm

I think it's the way I'm doing the conditional statement.
'Went through another knowledge-base article that basically had me
incorporate the conditional attribute into the <xsl:for-each
select= . . .> statement and it appears to be a better way. I
also created a xslt fragment and inserted it into a php page rather
than making the whole thing xslt. I think this helps as well, but
can't absolutely close the book on this until the server is
properly configured to transform xslt in php pages.
Here's the latest
http://cals.arizona.edu/arizonawet/workshops/current_workshops-trial2.php

Problem with 'Guides' position

Hi,
I've just tried the new Adobe Dreamweaver CS5, but I've got a problem. I am editing static html pages so it's important for me to know the exact position of an object. I am using 'Guides' for this (the greeen lines, you can pull from the rulers). But the problem is that the horizontal Guides do not show the real position, instead they show a higher value. There is no problem with the vertical ones though. What's more only those Guides are wrong which are out of the screen (you have to use the scrollbar on the side to see them).
I would really appreciate you help. Thanks for your early answer.
Lajoska

Hi
Before inserting the guides did you set the 0,0 position at the top / left hand of your design?
PZ
www.pziecina.com

HTML Textfield Problem with Image Positions/Image Tag img

I am using :
Flash Builder Burito - Flex Hero SDK - Air 2.5 - Flash Player 10.1
Hi,
i have a problem with the normal Textfield.I'm loading html text into it and apply an css stylesheet on it. Everything works fine, but if there is an <img> in the html code, the image is displayed at the wrong position (top left).
It looks like the Problem is only in Air Applications. I tried the exact same code in an normal actionscript project and tested it in the broweser. Here the images are at the right position.
Does anybody else has this problem in Air or knows a solution to this?
Thanks. Laurid
btw: I tried it on Windows 7 and Android with the same problem.

Okay, I think I found the solution myself:
http://www.kirupa.com/forum/showthread.php?t=322233
For AIR content in the application security sandbox, AIR ignores img tags in HTML content in ActionScript TextField objects. This is to prevent possible phishing attacks,
This does not make any sense to me. Can somebody please explain it to me? I can load images with the loader-class and combine it with my html text. The only thing which does not work is that the text is wrapping aroung the images. So why does this prevent phishing attacks?
For me this doesn't make sense at all. It's just annoying that you develop an application in Flash and that it's not working the same way in Adobe Air. Now I have to find a complicated work-around myself. Or does anybody know how I can easily wrap text around images?
Thanks. Laurid

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.

Problem with Absolute Positioning

     I have a LARGE number of web pages (>1500) that have fields that are absolutely positioned. I have to process these pages (JSPs) and create a temporary HTML file that will be edited in Dreamweaver. The editing will only modify the CSS file: the temporary HTML is throw-away.
The goal is to use Dreamweaver to organize fields on the screen and have it modify only the position in the CSS.
My problem is that when I create the temporary HTML, it looks fine in the browser, but Dreamweaver displays the elements using a normal flow, and not using the absolute position. I have checked the "AP Elements" tab in DW, and it shows all my fields and the "Prevent overlaps" checkbox is UNCHECKED.
Any guidance will be appreciated...
Here is a small HTML example (CSS below that):
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>
And finally, the CSS:
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;

Ahh - nevermind. I see you fixed your code.... Now I'll take a look.
On this page in DW, the fields seem to be placed using the absolute positioning, not the normal flow. Is the additional CSS contained in the externally linked CSS file?
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;
}</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>

Problem with text positioning on webpages

Hello,
I have difficulties tu put text exactly the same place on the different pages of my website.
Could someone have a look and help me?
www.transgenic-rabbit-models.com
It concerns the "address" text box (botom left of each page).
Once on IE or firefox, only 2 pages are OK ("Home" and "TRM toolbox" K)
The text box on the two other pages "Rabbits as models" and "R&D" is not correctly positionned.
However, the properties of the text box under DW indicates they are all the same on every web page.
I do not understand where is problem.
I am not expert of DW...
I would appreciate if someone could help!!!
Thanks for your kind help.
Regards,
Alexandre

You have bigger problems than you realize. On this page - the one after the Splash intro page,
http://www.transgenic-rabbit-models.com/Home.html
As seen in Firefox with increased text. See screenshot.
Notice how your text boxes are colliding into other text boxes? This happens when web designers paint themselves into a corner with a rigid layout. Web pages must be flexible for all screen and text sizes.
You are using APDivs as a primary layout method which is a bad choice. And here is why.
http://apptools.com/examples/pagelayout101.php
Suggested Tutorials -
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Problem with current position (UMI-7764)

Good afternoon,
I'm using servomotors PSKF321 (SEW) and servodrives MDX61B (SEW). I'm using the PCI-7344/UMI-7764 to control the motors. When I was performing some tests in MAX, I realized that I don't have feedback from axis 2, 3 and 4. Axis 1 is working fine, i can control perfectly the motor, I can make movements to different positions. I checked the connections from the drive to the UMI and they are the same that i used to axis 1. I changed to other axis and it doesn't work. I tried to change the connections from the axis2 and 3 to axis 1 they work. I tried to put in annex the xml file related to the configurations of the PCI but it wasn't accepted. It is possible that my problem is a wrong configuration of the PCI?
Thanks for your time,
Hugo Tomada
number: +351965319388/+351912655946
email:[email protected]
skype: hugotomada

Good afternoon,
I'm sending the connections that I made in the UMI-7764.
Thanks for your time,
Hugo Tomada
Attachments:
UMI-7764.pdf ‏7 KB

Problem with Sound.position

I find that Sound.position does not reset to 0 when using
Sound.loadSound(). It seems to continue with the last value. If a
loaded sound is stopped at position 500. Starting the sound again
plays the sound from 0 but position starts at 500?
I have worked around this by making a new sound object when a
loadedSound is stopped. Is there a better solution?

This is not an intermittent problem. This is how the Sound
object works. I'm using Flash 8. It worked this way under Flash 7
also.
Try it for yourself. Follow these steps:
1) Make a new text field to display the position. Then make
two buttons one to play and one to stop the sound.
2) Make a Sound object
3) Add an onEnterFrame function to the main timeline that
puts the position of the sound in the field
4) Set up the first button to call loadSound. Set up the
second button to stop the sound.
Test your movie. Click the first button, the sound starts to
play and you will see the value of position in your text field.
Click the second button. The sound stops and the field still
shows the current value of position.
Note this says that position doesn't get set to 0 when you
stop your sound.
Next click the first button to play your sound. Clicking this
calls loadSound again which starts the audio from the beginning.
But, the position displayed in the field doesn't start form 0. It
continues from where it was last. If the sound gets to the end. The
value stops increasing but the sound continues to play?

MAC OS X + stage.fullScreenSourceRect + renderMode set to GPU = problem with mouse position

When setting stage.fullScreenSourceRect, stage.displayState to StageDisplayState.FULL_SCREEN_INTERACTIVE; and renderMode to GPU, mouse position is read incorrectly. This is not only for mouseX and mouseY position, but also all the mouse interactions with Sprites, Buttons etc are not working correctly.
Anybody know a solution for this issue?
Here is the bug reported, but there is no response yet.
https://bugbase.adobe.com/index.cfm?event=bug&id=3486120
Greg.

Bump up.
Anybody has the same problem and have an idea how to fix it? Or please just check if you have the same problem.. I'm going to submit my game "Amelia and Terror of the Night" (successfully added to iOS store) to MAC App Store but can't do it while this problem appears.
I am disappointed nobody even verified the bugs I submitted at the bugbase.adobe.com for AIR 3.5 and 3.6
thanks
Greg

Problems with relational view

I'm a newbie at this so any help is greatly appreciated!
I have an xml document which contains many rows:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<echoems:ECHOMetrics xmlns:echoems="http://myURL/myFilename.xsd"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://myURL/myFilename.xsd
http://myURL/myFilename.xsd">
<OrderMetrics>
<OrderItemMetric>
<submissionDateTime>2007-12-10T15:08:10.000</submissionDateTime>
<requestor>user1</requestor>
<product>123</product>
</OrderItemMetric>
<OrderItemMetric>
<submissionDateTime>2007-12-10T15:09:15.000</submissionDateTime>
<requestor>0.0.0.0</requestor>
<product>ABC</product>
</OrderItemMetric>
<OrderItemMetric>
<submissionDateTime>2007-12-17T13:41:41.000</submissionDateTime>
<requestor>user3</requestor>
<product>XYZ</product>
</OrderItemMetric>
</OrderMetrics>
</echoems:ECHOMetrics>
I've registered the schema, created the corresponding xmltype table based on the schema, and loaded the data with no problem.
I am trying to create a relational view of the data:
CREATE OR REPLACE view myView
(submissionDateTime, requestor, product)
AS
SELECT
extractvalue
(object_value,
'echoems:ECHOMetrics/OrderMetrics/OrderItemMetric/submissionDateTime',
'xmlns:echoems="http://myURL/myFilename.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
) as submissionDateTime,
extractvalue
(object_value,
'echoems:ECHOMetrics/OrderMetrics/OrderItemMetric/requestor',
'xmlns:echoems="http://myURL/myFilename.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
) as requestor,
extractvalue
(object_value,
'echoems:ECHOMetrics/OrderMetrics/OrderItemMetric/product',
'xmlns:echoems="http://myURL/myFilename.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
) as product
FROM myXMLTypeTable;
However, I believe I must be querying the data for creation of the view incorrectly. My query:
select count(*) from myXMLTypeTable;
returns 1 record, I was hoping for 3 based on the 3 records contained in the file.
Likewise, when I try to query the view, I get the following error:
select product from myXMLTypeTable;
ERROR at line 1:
ORA-01427: single-row subquery returns more than one row
Am I loading the xml data wrong or querying from the view wrong or both?
Thank you in advance for any help.

Thank you for your help. I've been doing some research on the XMLTable syntax but am having a difficult time getting it right. I've tried a couple of different things but not working.
Here's what I'm trying:
CREATE OR REPLACE view myView
(submissionDateTime, requestor, product)
AS
select xtab.column_value from echoXML3,
XMLTable(xmlnamespaces('http://myURL/myFilename.xsd' as e),
'for $i in echoems:ECHOMetrics/OrderMetrics/OrderItemMetric
return $i/e:submissionDateTime,
$i/e:requestor,
$i/e:product'
PASSING OBJECT_VALUE) xtab;
getting this error:
ERROR at line 4:
ORA-19228: XP0008 - undeclared identifier: prefix 'echoems' local-name
'echoems:ECHOMetrics'
Not sure what I'm doing wrong. I appreciate any further guidance.

Problems with relative positioning divs

Similar Messages

Maybe you are looking for