Texto corta DIV

[Rainold 0]

Ola pessoal.

 

O problema é que o texto qndo muito longo na horizontal, não quebra a linha, sendo assim ele passa >>>>

 

Agora se houver quebra de linha, o conteudo passa pelo rodape, ou seja, o rodape devia ficar sempre embaixo.

 

Segue uma imagem, para intender melhor. Estou usando layout Height 100%

 

 

e o css

 

* {
	padding:0px;
	margin:0px;
	}
	
html, body {
	padding:0px;
	height:100%;
	background-color:#EEE;
	}
	
div#CONTAINER {
	width:800px;
	height:100%;
	margin:0 auto;
	background-color:#FFF;
	}
	
div#CONTAINER div#TOPO {
	width:800px;
	height:50px;
	}
	
div#CONTAINER div#TOPO div#RTL {
	width:50px;
	height:50px;
	background-image:url("RTL.png");
	background-repeat:no-repeat;
	float:left;
	}

div#CONTAINER div#TOPO div#TB {
	width:700px;
	height:50px;
	background-image:url("TB.png");
	background-repeat:x-repeat;
	float:left;
	}

div#CONTAINER div#TOPO div#RTR {
	width:50px;
	height:50px;
	background-image:url("RTR.png");
	background-repeat:no-repeat;
	float:left;
	}
	/**/
	
div#CONTAINER div#COL-1 {
	width:50px;
	height:100%;
	float:left;
	background-image:url("SLB.png");
	background-repeat:repeat-y;
	}
	
div#CONTAINER div#COL-2 {
	width:700px;
	height:100%;
	background-color:#FFF;
	float:left;
	}

div#CONTAINER div#COL-3 {
	width:50px;
	height:100%;
	float:left;
	background-image:url("SRB.png");
	background-repeat:repeat-y;
	}
	
	/**/

div#CONTAINER div#RDP {
	width:800px;
	height:50px;
	position:relative;
	margin:0 auto;
	bottom:0px;
	}

div#CONTAINER div#RDP div#RBL {
	width:50px;
	height:50px;
	background-image:url("RBL.png");
	background-repeat:no-repeat;
	float:left;
	}

div#CONTAINER div#RDP div#BB {
	width:700px;
	height:50px;
	background-image:url("BB.png");
	background-repeat:x-repeat;
	float:left;
	}

div#CONTAINER div#RDP div#RBR {
	width:50px;
	height:50px;
	background-image:url("RBR.png");
	background-repeat:no-repeat;
	float:left;
	}

Obrigado.

[William Bruno 1501]

E quando numa situação real você terá uma única palavra com tantos caracteres, sem nenhum espaço entre eles?

 

Oque você pode fazer é definir um overflow: hidden, para esconder oque ultrapassar os limites. Mas não existe forma de fazer a quebra de 'palavras tão longas sem espaço', apenas com CSS atualmente.

 

 

Sugiro que você comece a usar um gerador de lorem ipsum, pq 'TEXTOTEXTOTEXTO..' não lhe dá uma idéia real.

http://www.lipsum.com/

[Rainold 0]

E quando numa situação real você terá uma única palavra com tantos caracteres, sem nenhum espaço entre eles?

 

Oque você pode fazer é definir um overflow: hidden, para esconder oque ultrapassar os limites. Mas não existe forma de fazer a quebra de 'palavras tão longas sem espaço', apenas com CSS atualmente.

 

 

Sugiro que você comece a usar um gerador de lorem ipsum, pq 'TEXTOTEXTOTEXTO..' não lhe dá uma idéia real.

http://www.lipsum.com/

 

Ola. Pois é, não pensei nisto http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Corrigiu, mas para baixo, continua e passa o rodape.

 

Obrigado.

[William Bruno 1501]

Estou usando layout Height 100%

 

 

Isso é porque você deve fazer min-height: 100%, e não 'apenas height'.

Veja:

http://imasters.com.br/artigo/9065/css/posicionar_o_rodape_embaixo_da_janela/

[Rainold 0]

 

Estou usando layout Height 100%

 

 

Isso é porque você deve fazer min-height: 100%, e não 'apenas height'.

Veja:

http://imasters.com.br/artigo/9065/css/posicionar_o_rodape_embaixo_da_janela/

 

Ola colega. Então. O problema é que estou usando imagens em Y, qndo adiciono min-height ele corrige, o rodape vai la pra baixo, mas as barras laterais(esta que tem o contorno vermelho vertical na imagem), desaparecem.

 

Obrigado.

[Rainold 0]

Ola. Estou disponibilizando o download do site, para melhor visualizar o problema.

 

http://www.rainold.kit.net/Site.rar

 

Caso alguem puder me ajudara identificar o prolema, Obrigado.

[2Flex 1]

Olá,

 

Amigo a melhor solução para isso seria você recortar esse bg completo do que fazer por colunas, que assim nunca vai dar do jeito que quer. É bem mais fácil ter um background da imagem com 800px de largura.

 

Se tiver duvidas depois apita que ajudamos você ;).

 

PS: O height não pode ficar com 100%, tem que ficar auto.

 

Cumprimentos.

[Thiago Retondar 18]

Faz com um único background de sombra. Olhe só como fica http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.thiagotestes.site90.com/iMasters/help/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif