6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Why does this happen whenever I position an object in dreamweaver?

by lauraca94
5 replies
  • WEB DESIGN
    • |
I created a template using photoshop and now I'm in the coding part and whenever I code the bars and do the positioning,the live view looks somehow different from what it looks like in the preview in internet explorer. And the position of the bars keep on changing i don't know why . Any help?
#dreamweaver #happen #object #position
  • Profile picture of the author webexpert00
    Just try to test your template in different browsers first, sometimes it because of browser compatibility issue. And if the problem persists, then I need to know the kind of coding your doing to resolve the issue properly.
    {{ DiscussionBoard.errors[4532025].message }}
    • Profile picture of the author lauraca94
      well i am doing the css coding for the navigation bar and the boxes that include the text and i already tried with google chrome and internet explorer but the positioning of the objects seem to change every single time. I really don't know what's wrong, for example this is what i'm trying to do and i don't know if i'm doing it right. All i want to do is to position the navigation bar where i want it to be but it doesn't seem to stay in place whenever i try it out on the internet or google explorer
      #dietreviews {
      background:url(images/Diet-reviews-bar.jpg);
      width:219px;
      height:53px;
      position: absolute;
      visibility: visible;
      left: 978px;
      bottom: 90px;
      }

      do you have an idea of what is wrong plss i really need help
      Signature
      Rainbowchildart | Colorful and vibrant designs on a variety of products
      {{ DiscussionBoard.errors[4538263].message }}
  • Profile picture of the author webexpert00
    I understood your issue. You want to place navigation bar at your desired position on the website. But the code you provided me is only CSS part of the code, to track the problem I need HTML part code too where its actually getting implemented.
    {{ DiscussionBoard.errors[4540437].message }}
    • Profile picture of the author lauraca94
      yes you are right I'm trying to do that but as i said the navigation bar seems to be changing positions every time and well the html code is this one so far...


      <!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></title>
      <link rel="stylesheet" type="text/css" href="Style.css"/>

      </head>

      <body>
      <div id="header"></div>

      <div id="navigation">
      </div>

      <div id="spacenavigation">
      </div>

      <div id="emailbox">
      </div>

      <div id="choosingthe"></div>

      <div id="dietreviews"></div>
      </body>
      </html>
      Signature
      Rainbowchildart | Colorful and vibrant designs on a variety of products
      {{ DiscussionBoard.errors[4545721].message }}
  • Profile picture of the author Ken Durham
    There will be some issues on the placements in different screen resolutions as you have it now. I assume the rest of your css contains absolute positionings?

    To start, I would suggest using a "wrapper" div that surrounds everything else. This will allow you to set the width, centering, etc... of the page, making it a constant. Is there a url to your work in progress?

    Code:
    <!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></title>
<link rel="stylesheet" type="text/css" href="Style.css"/>

</head>

<body>
<div id="wrapper">
  <div id="header"></div>
 
   <div id="navigation">
  </div>

  <div id="spacenavigation">
  </div>

  <div id="emailbox">
  </div>

  <div id="choosingthe"></div>

  <div id="dietreviews"></div>

</div>
</body>
</html>
    Signature

    yes, I am....

    {{ DiscussionBoard.errors[4545890].message }}

Trending Topics