Ir para conteúdo

POWERED BY:

Arquivado

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

lordvelkain

Texto grande nao respeita DIV + CSS

Por , em Desenvolvimento frontend

Recommended Posts

lordvelkain    0

lordvelkain
Postado

Ola

 

Pesquisei aqui no forum mas não encontrei nenhuma solução para o meu problema.

 

Estou fazendo um site em PHP + CSS(obs: não há problema com o PHP).

 

O layout do meu site é o famoso centralizado com topo, menu esquerdo, conteudo(parte principal) e rodape.

 

Pesquisando nos links fui aprendendo a utilizar css mas falta resolver uma coisa que ainda não consegui entender

 

Eu defino um tamanho para a div conteudo com seu devido posicionamento paddins etc.

 

se eu começar a digitar um texto nesta div ao inves do mesmo ser quebrado e jogado para a proxima linha, ele continua e desrespeita o tamanho definido para a div

 

as imagens estão no link: http://rapidshare.com/files/162489207/prob...iv_CSS.zip.html

a primeira imagens é da pagina sem o texto que ultrapassa e a segunda e com o texto ultrapassando os limites da div

 

O meu codigo css com meus testes de posicionamento segue abaixo:

 

/*CSS RESET*/
* {
	margin:0;
	padding:0;
}


/* novo codigo */

body{
	height:100%;
	background-color:#999999;
	/*position:relative;*/
	margin:0px auto;
}

#pagina{
	width: 720px;
	height:100%;
	/*height: 500px;*/
	position: relative;
	/*top:0%;*/
	/*left:0%;*/
	/* so para testes
	margin-top: -250px;
	margin-left: -250px;
	*/
	background-color: #FFFFFF;
	margin:0px auto;
	/*z-index:0;*/
	overflow:hidden;
}


#topo{
	width: 720px;
	height: 100px;
	background-color:#CCCCCC;
	/*position:relative;*/
	/*z-index:1;*/
}

#rodape{
	/*position: absolute;*/
	bottom: 0;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 100%;
	/*z-index:2;*/
}

#menu{
	padding:4px;
	border-top:0px;
	float:left;
	width:150px;
	/*position:relative;*/
	height:100%;
	margin-left:-3px;
	/*z-index:4;*/
	padding-bottom: 1000em;
	margin-bottom: -999.5em;

}

#conteudo{
	top:5px;
	left:10px;
	right:10px;
	bottom:0px;
	/*margin:-12px 100px 0px 50px;*/
	width:500px;
	height:100%;
	/*text-indent:1px;*/
	text-align:justify;
	/*padding:30px;*/
	/*z-index:3;*/
	
	
	/*display:block;*/ 
	height:100%; 
	max-height:100%; 
	/*overflow:auto;*/ 
	/*padding-left:200px;*/ 
	position:relative;

}

 

Alguem pode me ajudar?

 

Agradeço a atenção

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Isso acontece em todos os navegadores?

você declarou um DOCTYPE para a página?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
E esquece o Dreamweaver cara... ninguém vai visualizar teu site nele.

No Browser isso acontece?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Largue o visual mode do Dreamweaver, esta é a solução ;)

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

lordvelkain    0

lordvelkain
Postado

Ola Willian

 

O DOCTYPE está definido da seguinte maneira:

<!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" />
logo abaixo vem o titulo e o fechamento da tag head

 

Bom, quanto ao problema, aconteceu tanto no IE7 quanto no Firefox 3

 

OBS: não fiz nada no modo visual do Dreamweaver pois estou utilizando somente PHP + HTML e CSS. Os prints no dreamweaver foram efetuados para que as pessoas pudessem entender o que estava acontecendo

 

Tem alguma sugestão?

 

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

tem como colocar um link no ar!

 

não entendi bem!

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é que por esse código que você passou, não temos como testar e ver onde ocorre o problema.

Coloque um link para o site, ou o HTML de onde podemos rodar e ver.

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