alexmestre Posted June 8, 2014 at 08:18 AM Report Share #558618 Posted June 8, 2014 at 08:18 AM (edited) bom dia, gostaria de saber o que se passa com este codigo porque nao consigo com que ele faca a div header ficar colado ao top, deixa sempre um paragrafo em branco? <body> <div id="header"> <h1>Barra superior</h1> </div> <div id="leftcolumn"> <h1>Conteúdo</h1> </div> <div id="content"> <h1>conteudo</h1> </div> <div id="footer"> <address>fim</address> </div> </body> o css é este *{ margin: 0px; padding: 0px; } #body{ text-align:center; } #header{ background:#C09; height:100px; line-height:100px; position:static; width:100%; top:0; } #leftcolumn { background: #2675a8; float: left; width: 25%; height: 700px; } #content { background:#3F3; float: left; width: 75%; height: 700px; } #footer { background: #df781c; clear: both; width: 100%; } Alguem me pode ajudar? Obrigado desde já Edited June 8, 2014 at 09:35 PM by alexmestre Link to comment Share on other sites More sharing options...
Rui Carlos Posted June 9, 2014 at 08:48 PM Report Share #558797 Posted June 9, 2014 at 08:48 PM Aqui parece estar tudo direito. Rui Carlos Gonçalves Link to comment Share on other sites More sharing options...
yoda Posted June 9, 2014 at 10:51 PM Report Share #558826 Posted June 9, 2014 at 10:51 PM Mete isto no início do CSS e vê se resolve : html, body { margin: 0; padding: 0; } before you post, what have you tried? - http://filipematias.info sense, purpose, direction Link to comment Share on other sites More sharing options...
alexmestre Posted June 10, 2014 at 04:13 PM Author Report Share #558896 Posted June 10, 2014 at 04:13 PM (edited) boa tarde, ja consegui maneira de resolver nos meus browsers funciona bem o css metade ainda esta em comentario pois ainda estou preparando outras coisas *{ margin: 0px; padding: 0px; } body { text-align:center; background-color:#FFF; } #barra_cima{ background-color: #48c3c8; width: 100%; height: 35px; top: 6px; margin-top: -20px; position: absolute; } #barra_logo{ background-color: #4b4239; width: 100%; height: 150px; top: 30px; margin-top: -10px; position: absolute; } #logotipo{ text-align:left; margin-left:15%; } /** #header{ background:#C09; height:100px; line-height:100px; position:static; width:100%; top:0; } #leftcolumn { background: #2675a8; float: left; width: 25%; height: 900px; } #content { background:#3F3; float: left; width: 75%; height: 900px; } #footer { background: #df781c; clear: both; width: 100%; }*/ e o html assim <body bgcolor="#ffffff"> <div id="barra_cima"> </div> <div id="barra_logo"> <div id="logotipo"> <img src="imagens/Sem Título-1,29.jpg"> </div> </div> </body> Edited June 10, 2014 at 04:13 PM by alexmestre Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now