div tags help

  • atlnycdude
  • Newbie
  • Newbie
  • atlnycdude
  • Posts: 6

Post 3+ Months Ago

Okay got a little bit of a problem

I'm trying to move the "picture goes here box" a little to the left so both margins on both sides of the website are equal. Here is the rule that I just applied.

Code: [ Select ]
#wrapper #body #right {
  float: right;
  height: 306px;
  width: 369px;
  margin: 15px;
}
  1. #wrapper #body #right {
  2.   float: right;
  3.   height: 306px;
  4.   width: 369px;
  5.   margin: 15px;
  6. }


The left body css rule works fint

Code: [ Select ]
#wrapper #body #left {
    height: 290px;
    width: 315px;
    float: left;
    margin: 0 20px;
    padding: 28px;
}
  1. #wrapper #body #left {
  2.     height: 290px;
  3.     width: 315px;
  4.     float: left;
  5.     margin: 0 20px;
  6.     padding: 28px;
  7. }


However it doesn't want to apply for the right body div tag.

I've attached an attachment of the site since i'm not allowed to post any external links.

I would like to have the picture goes here box on the same level as the picture on the left. Thanks in advanced.
Attachments:
screen shot.JPG
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • natas
  • PHP Ninja
  • Proficient
  • natas
  • Posts: 308
  • Loc: AFK

Post 3+ Months Ago

Where does the "right" div appear now? do u have a link to your site so I can better take a look.
  • atlnycdude
  • Newbie
  • Newbie
  • atlnycdude
  • Posts: 6

Post 3+ Months Ago

I cannot post links on this forum but i'll send you the link to your inbox if that's ok with you. Thanks.
  • amogs
  • Born
  • Born
  • amogs
  • Posts: 3

Post 3+ Months Ago

u should have specified if its DW8 or CSS. but i think u should use CSS instead. say:
Code: [ Select ]
<style type="text/css">
.code
{
border-position:center;
background-position:center;
background-width:369px;
background-height:306px
background-stretch:fixed;
background-repeat:no-repeat;
}
</style>
  1. <style type="text/css">
  2. .code
  3. {
  4. border-position:center;
  5. background-position:center;
  6. background-width:369px;
  7. background-height:306px
  8. background-stretch:fixed;
  9. background-repeat:no-repeat;
  10. }
  11. </style>
Moderator Remark: added code tags and removed spam
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

Well... If you want them to both be in the same position you need to add the same amount of margin to both of them. #Left has a top/bottom margin of 0 and a left/right margin of 20px. Your #Right has a top/bottom/left/right margin of 15px. And judging from the picture, I'd say that something inside the #left has either a margin or padding that's pushing it down from the menu.

@amogs why would the version of dreamweaver matter at all in this case? The OP didn't even say that they were using dreamweaver.

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 63 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.