Solved

Strange CSS menu behaviour- need help to straighten out!

Posted on 2011-02-23
6
360 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Business Impact of IT Communications

What are the business impacts of how well businesses communicate during an IT incident? Targeting, speed, and transparency all matter. Find out more in this infographic.

Question has a verified solution.

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

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
This video teaches users how to migrate an existing Wordpress website to a new domain.
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).

732 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