div na direita da tela

[pimenta 0]

OláEu estou pensando em fazer meu site todo em CSS mas tenho uma dúvida. Como posso fazer um div com position : absolute e width : 200px ficar sempre do lado direito da tela?Obrigado

[pa_bruno 0]

tem varios modos...

 

colocando no css:

body {text-align: right;}

ou no div master:

#nomeDoDiv {float: right;}

ou tb no div master:

#nomeDoDiv {right: 0;}

mas tome sempre cuidado com o conteudo posterior, posicionamento deles, etc...

 

qq duvida falae ae... ;)

[pimenta 0]

ficou perfeito http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Eu utilizei o seu último exemplo, mas ai no teste percebi um outro erro. http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

Eu coloquei height : 100% mas não ocupou todo o tamanho vertical da tela. Isso não deveria funcionar? :blink:

[pa_bruno 0]

faz uma busca... ;) nessa pagina mais lah embaixo tem uma solução pra isso... eh soh colocar:

position: absolute;

no div q você quer ter 100%... ;) falow...

[pimenta 0]

Vou fazer uma busca!!!Eu coloquei position: absolute; mas isso não resolveu o meu problema no 800/600 ta legal mas não aumenta quando coloco em uma resolução maiorO css ta assim.direita {background-color : #000000;position : absolute; width : 200%; height : 100%; top : 298px; }

[pa_bruno 0]

bom, na verdade qual eh o problema q você tah tendo??? aki funcionou certinho... soh naum entendi o 200% no width...

[pimenta 0]

kkk eu estava fazendo alguns testes locos aqui e coloquei width : 200%na verdade ele e width : 160pxBem o poblema que ele realmente ocupa toda a tela mas só em 800/600... quando aumento a para 1024/768 ele não ocupara a tela toda continua no mesmo tamanho do 800/600

[pa_bruno 0]

hm.. vi no opera isso... faz dessa manera aki, eh melhor ainda:

html, body {height: 100%;margin: 0;padding: 0;}  #direita {background-color: #000000;width: 160px;height: 100%;right: 0;}

v ae como vai ficar... ;)

[pimenta 0]

Bem, eu não havia testado no opera pois o erro ainda é no IE mas fiz o que você disse não sei se fiz certo... mas não funcionou desta forma http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Eu fiz assim

<style type="text/css">

html, body {

height: 100%;

margin: 0;

padding: 0;

}

#layout2 {

background-color : #000000;

background: #FFFFFF url(../img/01_layout_01.gif) repeat-y scroll;

position : absolute;

width : 160px;

height : 100%;

top : 298px;

}

</style>

 

<div class="layout2"> MENU </dvi>

[pa_bruno 0]

<div class="layout2"> MENU </dvi>

<{POST_SNAPBACK}>

tem 2 erros:

1º - naum eh class e sim id:

<div id="layout2">

 

2º - tah errado o fechamento, eh </div> e naum </dvi>:

</div>

 

otra coisa, o position: absolute; soh eh necessario caso queira ter o div na direita beleza??? e tem q ter cuidado esse top ae... pq ele adiciona na altura... tipo 100% da area util+298px.. ae vai colocar uma barra d rolagem vertical... ;)

[pimenta 0]

FOI MAL pa_brunoNa verdade o div esta espandindo para o tamanho da resolução da tela... na verdade ele não esta redirecionando para o tamanho do conteudo do site que é maior... isso me confundiu... como faço para ele ficar do tamanho do conteudo?o div ta certo na ora de escrever aqui que errei

[pa_bruno 0]

dah uma nova olhada no meu post... editei...e em relação a duvida realmente, tem como postar um link pra eu ve naum??? falow...

[pimenta 0]

http://www.thialeweb.com.br/principal/index.asp

 

ok - só repare no menu pois como estou modificando provavelmente o resto vai ta fora do lugar... repare que o fundo do menu (azul não vai ate o final da página.)

[pa_bruno 0]

cara, o site está completamente bagunçado... :blink: malandragem... tira todos os atributos do body (menos o onload e o mouseover)... o resto faça por css e tb assim naum eh validado pela W3C...tem uma tag <style> dentro do body... q eh isso??? tem tabela, tah bagunçado pra caramba ainda...primeira coisa, pro menu da esquerda, tenta colocar um float: left; e tira o top... soh pra ver... e separe o css do html... coloca o codigo q te falei dentro do css externo e naum no corpo... soh pra ver... ;)

[pimenta 0]

O site não ta bagunçado não - olhe novamente :P

Ficou daquele geito porque cortei a tabela da estrutura... que é a unica tabela que tenho no site... fiz isso porque estou tentando elimina-la.

 

vou fazer o que você falou no ultimo post para ver o que acontesse http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Obrigado pela ajuda

[pa_bruno 0]

agora deu erro no asp... hehehehehe... v ae e qq coisa falae...

[pimenta 0]

eu estava atualizando o código fonte do portal :lol:

[CiberMix 0]

Gostei do Menu!!

[pa_bruno 0]

agora tah arrumadim pow... ;) show... soh chegaria os divs um pokim soh mais pra direita e pra cima... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pimenta 0]

O menu ficou responsa né?!

CiberMix se quiser passo para você...

 

pa_bruno, tava tudo uma bagunça pq eu estava tentando tirar a tabela, mas tava muito complicado então tentei diminur a tabela o máximo possível... e consequi retirar 3 colunas. Agora só restaram 3... ta de bom tanho :P

 

ps: já coloquei a coluna da direita no lugar

 

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