Sou novo no forum e nessa area de css, li diversos tutoriais e livros sobre o assunto mas como sou novo ainda estou meio confuso rsrsrs.....
Meu problema aparentemente é simples porem não consegui resolver.
Estou criando as div's tudo certinho , geral, topo, menu, conteudo, rodape etc...
Porem quando eu coloco um texto grande ( maior que o width da div ) o texto sai fora dela, e não desce.
Ao colocar o texto com diversas quebras etc... a div fica automatica para baixo certinho, meu problema é com textos horizontais.
estou enviado o fonte do css... ( estou enviando só uma caixa como div mesmo )
CSS
#geral{
border:1px solid;
width:600px;
height:auto;
}HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Meu CSS</title> <link href="estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="geral">geral fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> dsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br />fdsafasdfsadklfjlksadjçlkfjçlkasdjflçkdsalkjflkdasjlkçfjalsdjfkljasdçlkjfçlkasdjflçksajdlkçfsadklfjdsaçlkfjlçk<br /> </div> </body> </html> Coloquei só uma div, ja que acontece o mesmo.... Inclusive outro amigo nosso do forum tambem esta com problemas parecido .... http://forum.wmonline.com.br/index.php?showtopic=211055 Valeu galera
Poxa galera cometi um vacilo
na verdade esta funcionando a quebra automatica do texto na div , eu estava vacilando mesmo, não tem como ter um texto desse tamanho sem espaço, quando coloca o espaço a quebra acontece de maneira perfeita.
valeu....
Attached Files
-
div.JPG 208.48KB
15 downloads
Edição feita por: tanem, 27/02/2009, 17:10.
