Solved

Strange CSS menu behaviour- need help to straighten out!

Posted on 2011-02-23
6
340 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 400 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 17

Assisted Solution

by:Shinesh Premrajan
Shinesh Premrajan earned 100 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

861 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now