CSS responsive layout

• 

  hplatini89 · Member · Aug 28, 2013 at 6:17 am

  • Copy link
  • Add topic to favorites

  Hello World!

  I need a bit help, I am developing a custom theme for WordPress: http://bjorn.flabifitness.hu/

  I need a fixed header, footer, menu area. And a fluid content area with page content (an image).

  I need to attach image (content) to the footer as well. The footer to the bottom of the window, so in conclusion image should be changed/adjusted alone, during resize of the window, can it be resolved?

  Header, footer, and menu (vertical position) should be at the same place. (fixed)

  This is my CSS-code for now: (main: all of page, inside header, container(sidebar, content), footer)

  #main {
  	position: absolute;
  	background-color:#434343;
  	z-index:0;
  	display: block;
  	opacity: 0;
  	top:0px;
  	left:0px;
  	width:100%;
  	height:100%;
  }
  #header {
  	background: #1d1d1d;
  	padding-top: 15px;
  	padding-left: 35px;
  	padding-bottom: 13px;
  }
  #logo {
  	background: #1d1d1d;
  }
  #footer {
  	clear: both;
  	z-index:34;
  	display: block;
  	bottom:0px;
  	font-family:'Varela',sans-serif;
  	font-size:10px;
  	color: #9b9b9b;
  	background-color:#1d1d1d;
  	min-width:100%;
  	padding:9px;
  	padding-left:15px;
  	padding-bottom:10px;
  	position:absolute;
  }
  .container {
     height: auto;
     overflow: hidden;
  }
  .sidebar {
      width: 242px;
      float: left;
      background: #434343;
  	min-height: 92%;
  }
  
  .sidebar a{color:#999999;}
  
  .content {
      background: #434343;
      width: auto;
      overflow: hidden;
  }
  #img {
    width: 100%;
    height: auto;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  supportbot · Member · Aug 28, 2013 at 6:17 am

  • Copy link

  The blog you specified at bjorn.flabifitness.hu does not appear to be hosted at WordPress.com.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.