Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Need help lining up the 2 div area horizontally.

Posted on 2011-03-16
4
Medium Priority
?
297 Views
Last Modified: 2012-05-11
I need to align the news scroller on the left with the div (blue boarder) on the bottom or top.  They should sit side by side to each other with a bit of space between them.  Thank you.  
p.s., the window control that's minimize is the plugin here, http://fstoke.me/jquery/window/.  Don't know if that would be relevant to CSS styling.  
MinSal.jpg
Index.htm
news.css
0
Comment
Question by:lapucca
  • 2
  • 2
4 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 35153727
try adding this to news.css


#news
{
      float:left;
}
#Widgets_panel
{
      float:right;
}
0
 

Author Comment

by:lapucca
ID: 35153760
Great!  That almost work perfectly.  Now, they're off a bit on lining on the top and that's because the label on top of the news scroller.  How can I lower the Div on the right so that the borader on top is lined up with the news scroller top boarder?  Thanks Please see the screen shot
Divs.jpg
0
 
LVL 40

Accepted Solution

by:
Gurvinder Pal Singh earned 2000 total points
ID: 35154177
try
#Widgets_panel
{
      float:right;
     margin-top:5px;
}
0
 

Author Closing Comment

by:lapucca
ID: 35154401
I adjust it to 20px and it line up perfectly, thanks.
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

877 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question