[Resolvido] Barra na HOrizontal, como tirar a barra ?

[mestre fyoda 1]

http://img192.imageshack.us/i/imglo.jpg/

 

O meu css está assim:

 

body{
	color: #000000;
}
#tudo {
	width: 1000px;
}
#topo {
	height: 130px;
}
#menu {
	float: left;
	width: 180px;
}
#conteudo {
	float: right;
	width: 820px;
}
#rodape {
	height: 40px;
}

A imagem está na resolução 1024 * 768!

Como eu faço para tirar essa barra na horizontal ?

a width #conteudo ja tentei colocar 774px e nao adiantou !

[Rodrigo Leles 0]

Fala cara,

 

Amigo, pelo jeito o problema está aqui:

 

#tudo {
	width: 1000px;
}

Essa div está com 1000px de largura, mas você precisa considerar uma área de segurança no seu navegador pra evitar scroll horizontal. Recomendo você trabalhar com 950px que é um tamanho aceitável para a maioria das telas, e mandar centralizar o seu conteúdo assim:

 

#conteudo {
        margin: 0 auto;
}

Veja se funciona, beleza?

 

Abraços!

[RafaelNMNM 0]

Está usando um CSS Reset?

 

CSS Reset Simples:

 

*{
margin:0;
padding:0;
}

[]'s

[mestre fyoda 1]

Rodrigo e rafael, aqui nao mudou nada com o codigo que vocês me passaram.

[AlocK 0]

use "overflow:hidden" na div#conteudo, acho que isso deve resolver

[mestre fyoda 1]

alock a resposta do Rodriges me ajudou porem , estou com outro problema, veja a div conteudo nao está ao lado da div menu, pq ?

 

body{
	color: #000000;
}
#tudo {
	width: 950px;
}
#topo {
	height: 130px;
}
#menu {
	float: left;
	width: 150px;
}
#conteudo {
	float: right;
	margin: 0 auto;
}
#rodape {
	height: 40px;
}

http://img35.imageshack.us/i/imgbd.jpg/

Veja que o nome do produto está baixo do menu, como eu faço para colocar ao lado do menu ?

[João Prado 64]

use "overflow:hidden" na div#conteudo, acho que isso deve resolver

Dificilmente daria certo pois a barra de rolagem não esta sendo criada na div e sim no browser ;)

 

 

}
#menu {
        float: left;
        width: 180px;
}
#conteudo {
        float: right;
        width: 820px;
}

Diminua o width em pelo menos 10px de uma das duas divs

 

Acho mais viável diminuir o tamanho da div conteudo para 800px, provavelmente funcione

 

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

[mestre fyoda 1]

MoOiO, eu tenho uma duvida. Dentro da div menu eu estou usando imagens com width de tamanho estático. Existe algum método para fazer dinamicamente ?

[João Prado 64]

width:x%;
background-repeat:no-repeat;

onde "x" é o tamanho que você deseja para a div

 

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

[mestre fyoda 1]

Obrigado a todos, resolvido as minhas 2 dúvidas.