Solved

Strange CSS menu behaviour- need help to straighten out!

Posted on 2011-02-23
6
346 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

776 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