I am a programmer and I need a designer's expert advice regarding the website layout I am currently working on.

Here is the layout to start with:

layout mockup
Click image for full resolution

I have a full width header with the following contents:

  • login
  • logo
  • choose country
  • main navigation
  • sub navigation

I need help on how to place contents on the body without making it look like it's floating. If I have to change the body layout then please tell me what would the best color scheme if I would have to place a border. But, if its possible not to place a border (just like a Facebook profile) then better.

This will be the master page of all layouts. The body may have one to three column layout. content wise It would be something like (combination)

To summarize the features:

  • an online directory (w/ search and advanced search)
  • offers services for 4 types of users
  • offers other services not directly part of the site
  • has an events page
  • a feedback form
  • careers page

closed as unclear what you're asking by JonW Sep 3 '13 at 8:42

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 1
    What do you mean by 'not floating' – DA01 Nov 12 '10 at 20:02

You chose a difficult color, as almost anything that you put onto that background will look like it's casting a shadow. I would recommend altering the background color only for the central area, and only slightly in order to accommodate the content.


to make not look like floating you need to make that body layout is part of header, in your case, your header is look too separate with content becase you add stroke and shadow on header layer.

i suggest to remove a stroke and shadow, just a plain white so header and body look paint on same canvas. you can use a line or other color background and placing content on center to make impression that is the content layout like http://courses.sitepoint.com/

Not the answer you're looking for? Browse other questions tagged or ask your own question.