Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

brunobrobr

sidbar CSS

Por , em Desenvolvimento frontend

Recommended Posts

brunobrobr    2

brunobrobr
Postado

Boa noite galera, e o seguinte criei um layout aqui bem feio rsrs depois vou arruma ele pra ficar mais bonito, bom e o seguinte como vocês podem ve na imagen em baixo o conteudo fica passando ou seja atravessando para o outro lado para a sidbar vou postar a foto e o meu codigo css e html

Codigo html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<link href="stilo.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="box">

<div id="header">

<div id="header_logo">
</div><!---logo-->

<div id="header_search">
</div><!--search-->

</div><!---header--->

<div id="menu">

</div><!--menu-->

<div id="content">

<div id="content_sidebar">
</div> <!--content_sidebar-->

<div id="content_conteudo">
asdçjsakdljsadkljasdklasdjsadkljasdlkjsadklsadjklfjklasdjfasadsadsadssdsadsada
dskldfjakladsfjadsfkljsdfkldsajsdkafljsdklsdafjklsdfjsdflasdsdasadsadsadsadasdasdasdaasdsadadssaddsasd
ksdfjsdlkjslksdjklsdajasdfklajdfsklfsdjkljflsdafjklasdfjskasdsadsadasd
ljsdfakldfsjdsfkljdfsakladsfjdksafljdfsakldfasjkldfasjldçkdsfjdflkjfdkldfsajklsdfjdfkljdfsakldfjaçldfa
çfddsalf
</div><!--conteudo-->

<div id="content_sidebardois">
</div><!--sidebardois-->

<div id="clear"></div><!--CLEAR-->

</div> <!--content-->

</div> <!--box-->

<div id="footer">
<div id="footer_txt">
Texto
</div><!---footer_txt-->

<div id="footer_up">
imagen
</div><!--footer_up-->

</div><!--footer-->
</body>
</html>


-----------------------------------------------------


Codigo css :
/*RESET*/
*{margin:0; padding:0;}

/*PSEUDO*/
body {background:#666;}
#box{ width:960px; margin:0 auto; background:#fff;}

/*HEADER*/
#header{height:110px; background:#9f0;}

#header_logo{ width:250px; height:90px; background:#000; margin:10px; float:left;}

#header_search{ width:300px; height:30px; background:#000; float:right; margin:30px;}


/*MENU*/
#menu{ height:30px; background:#039;}


/*CONTEUDO*/
#content{ width:960px; }
#content_conteudo{ width:560px; background:#fff; float:right; }
#content_sidebar{ width:200px; background:#0C0; float:right; height:400px;}
#content_sidebardois{ width:200px; background:#F00; float:left; height:400px;}


/*RODAPE*/
#clear{clear:both;}
#footer{ width:960px; margin:0 auto; height:100px; background:#309;}
#footer_txt{ float:left;}
#footer_up{ float:right;}

 

1380995_503672713075007_74774245_n.jpg?o

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito