?
Solved

Strange CSS menu behaviour- need help to straighten out!

Posted on 2011-02-23
6
Medium Priority
?
396 Views
Last Modified: 2012-05-11
Please visit following URL & note how the content isn't displaying in a uniform manner.

'Home' and 'Vineyard' pages display correctly whereas all the other links shift the main content around.

http://gator967.hostgator.com/~tekspec/test/

Can someone please help me straighten this menu out??
0
Comment
Question by:TonyCabone
  • 3
  • 2
6 Comments
 
LVL 17

Expert Comment

by:Shinesh Premrajan
ID: 34967304
#contentarea, #contentarea2 {
    margin: 0;  
    padding: 0 20px !important;  
}

update your CSS with this.
Hope this helps
0
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 1600 total points
ID: 34967827
Or just add to #contentarea, #contentarea2
margin: 20px;
0
 

Author Comment

by:TonyCabone
ID: 34968864
Updated personal.css , didnt change anything.
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
LVL 17

Assisted Solution

by:Shinesh Premrajan
Shinesh Premrajan earned 400 total points
ID: 34968901
hello the change is in the position.css line 66
0
 

Author Comment

by:TonyCabone
ID: 34968904
Apologies 20px margin did the trick, only now  the menu list items are out of place on the twitter page
0
 

Author Comment

by:TonyCabone
ID: 34969033
Somehow the header image seems to be overlapping the menu
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Custom Android App Development is the need of an hour for several businesses. If you go through the right firm for Android Application Development, it can make a huge difference to the ways in which customers interact with your business.
There is a wide range of advantages associated with the use of ASP.NET. This is why this programming framework is used to create excellent enterprise-class websites, technologies, and web applications.
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…

589 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