Solved

Strange CSS menu behaviour- need help to straighten out!

Posted on 2011-02-23
6
349 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
Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

 
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
ASP.NET(C#) Eliminating weekends from a date range 2 45
Place text over image using CSS 6 48
I am having a  Git   issue 6 42
Wordpress Security 29 48
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The viewer will learn how to count occurrences of each item in an array.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

808 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