Back To Website Design Forum

div tags help

  • atlnycdude
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Dec 30, 2008
  • Posts: 6
  • Status: Offline

Post June 2nd, 2010, 8:31 pm

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 2nd, 2010, 8:31 pm

  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Joined: Mar 28, 2009
  • Posts: 305
  • Loc: AFK
  • Status: Offline

Post June 3rd, 2010, 1:32 pm

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
  • No Avatar
  • Joined: Dec 30, 2008
  • Posts: 6
  • Status: Offline

Post June 7th, 2010, 11:33 am

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
  • No Avatar
  • Joined: Oct 04, 2009
  • Posts: 3
  • Status: Offline

Post June 28th, 2010, 5:40 pm

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
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post June 29th, 2010, 1:53 pm

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.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com

Page 1 of 1

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: roelof and 141 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.