css - Simpliest way of organizing divs, is this it? -


i need #header centered..

i wondering if have gone wrong.. want code simplest possible... should go making 3 div tables left middle right adjusting more fluidly..

http://jsfiddle.net/kdrjl/24/

<iframe width="100%" height="300" src="http://jsfiddle.net/kdrjl/24/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe> 

you needed basic fundamental knowledge of how , when use display:block, inline, , inline-block. floats

i centered header. have sizes , beautification yourself.

#header {     background: url(https://dl.dropboxusercontent.com/u/63096695/header.png) no-repeat;     width:240px;     height:100px;     margin:20px auto;     display:block; } 

see demo

  1. now, far whether best way place divs. not bad, consider more semantic structure. instead of div="header" consider <header> instead <nav><section><aside><footer><address> etc

Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -