/    Sign up×
Community /Pin to ProfileBookmark

divs vertical alignment – need expert

hello there. i am trying to get my divContent1 to align to the right of my divMenu. instead it is appearing below the menu. i have tried multiple variations of float, clear and positioning css tags but i cant get it to do what i want. i would v much appreciate it if an expert could tell me what i am doing wrong. also i tried adding a footer and that was restricted to the menu div width too which i didnt understand. many thanks

[B][U]HTML[/U][/B]

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html>
<head>
<link href=”Styles.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<div id=”divShell”>
<div id=”divHeader”></div>
<div id=”divContainer”>
<div id=”divMenu”>
<div class=”menuitem”><a href=”#”>HOME</a></div>
<div class=”menuitem”><a href=”#”>FAQ</a></div>
<div class=”menuitem”><a href=”#”>ORDER NOW</a></div>
<div class=”menuitem”><a href=”#”>TESTIMONIALS</a></div>
<div class=”menuitem”><a href=”#”>TELL A FRIEND</a></div>
<div class=”menuitem”><a href=”#”>CONTACT ME</a></div>
<div style=”height:40px;” class=”menuitem”><a href=”#”>SOUNDS LIKE A SCAM?</a></div>
<div class=”menuitem”><a href=”#”>AFFILIATES $$$</a></div>
<div class=”menuitem”><a href=”#”>FREE T-SHIRT</a></div>
<img src=”Images/AsSeenOnTV.gif” />
<div>
<div id=”divContent1″>WARNING: THIS SITE CONTAINS VALUABLE INFORMATION
</div>
</div>
</div>
</body>
</html>

[B][U]CSS[/U][/B]

body{
font-family:Arial, Helvetica, sans-serif;
background-repeat:repeat;
text-align:center;
min-width:830px;
margin:0px auto;
padding:0px;
background-image:url(Images/Background.gif);}
#divContainer{background-position:top right;background-repeat:no-repeat;background-color:white;padding:10px;background-image:url(Images/ShowMeTheMoney.jpg);}
#divContent1{left:120px;top:200px;}
#divHeader{height:152px;background-image:url(Images/Header.gif);padding-bottom:5px;background-repeat:no-repeat;background-color:white;}
#divMenu{width:120px;text-align:center;}
#divShell{text-align:left;width:830px;margin:0px auto;}
.menuitem{
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:13px;
border:double;
border-color:white;
border-width:4px;
margin-bottom:5px;
padding:2px;
height:20px;
background-color:#003399;
line-height:20px;}
.menuitem a:link{display:block;color:white;text-decoration:none;}
.menuitem a:hover{display:block;color:white;background-color:red;text-decoration:none;}
.menuitem a:active{display:block;color:white;text-decoration:none;}
.menuitem a:visited{display:block;color:white;text-decoration:none;}

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@WebJoelApr 24.2007 — -A "TABLEs" refugee? There is no need to make every "link" be inside of it's own "div". This is unecessary bloat, -little better than putting each link inside of it's own "<TD>". :o

-Let me work your code offline for a few... brb. ?
×

Success!

Help @Wee_Bubba spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.13,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
)...