CSS responsive layout, with elements fluid and fixed

  • Unknown's avatar
    hplatini89 · Member ·

    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).

    During browser window size is changing, only the content need to be changed/adjusted to view-size, without scrollbar, and if the picture is bigger than the browser window, or the monitor, it should be adjusted to the size of browser-window. (fluid)

    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%;
	text-rendering: optimizeLegibility;
}
#header {
	background: #1d1d1d;
	margin: 0;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 13px;
	min-width: 100%;
	margin:0px auto;
}
#footer {
	clear: both;
	min-width: 100%;
}
/* two columns*/
.container {
   height: auto;
   overflow: hidden;
}

.sidebar {
    width: 242px;
    float: left;
    background: #434343;
    min-height: 92%;
}

.content {
    float: none; /* not needed, just for clarification */
    background: #434343;
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}
  • Unknown's avatar
    elisedesaulniers · Member ·

    Hi,

    If you are developing a custom theme, you should ask your question on wordpress.org forums since we cannot upload themes on .com : http://wordpress.org/support/

  • Unknown's avatar
    timethief · Member ·

    We cannot assist your here at all. http://bjorn.flabifitness.hu/ is not a free hosted WordPress.COM blog. You are posting to the wrong support forum. We do not provide support at WordPress.COM for any installs of WordPress.ORG software. We provide support only for free hosted WordPress.COM blogs being hosted right here on this multiuser blogging platform.

    WordPress.com and WordPress.org have different log-ins and run different versions of themes with same names.
    http://support.wordpress.com/com-vs-org/

    If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.

  • Unknown's avatar
    hplatini89 · Member ·

    ok, I was confused, sorry!

  • The topic ‘CSS responsive layout, with elements fluid and fixed’ is closed to new replies.