Ir para conteúdo

POWERED BY:

Arquivado

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

Zeca Chefaly

[Resolvido] Div flutuar a direita

Recommended Posts

Olá pessoal

 

Estou com uma dificuldade: a tenho uma div que não se encaixa à direita como deveria. Olhem meu CSS abaixo

 

h1 {font-size:16px; color:#777; font-weight:bold;}h2 {font-size:14px; color:#FF0000; font-weight:bold;}h3 {font-size:13px; color:#3399FF; font-weight:bold;}h4 {font-size:10px; color:#777; font-weight:bold;}h5 {font-size:9px; color:#777; font-weight:bold;}body{	margin:5px 0px;	background:#FFFFFF;	font: normal 12px verdana;	text-align:center;	}#tudo {	background:#FFFFFF;	width:760px;	text-align:left;	margin:0 auto;	}#roof {	top		: 5px;	width	: 380px;	height	: 60px;	float	: left;	background:   url(../imgs/log.gif) no-repeat;}#swf {	top		: 5px;	width	: 380px;	height	: 60px;	float	: right;	background:#000000;}#logo {	top		: 65px;	width	: 380px;	height	: 26px;	float	: left;	background:   url(../imgs/log2.gif) no-repeat;}/*a barra de navegacao superior*//*É AQUI ONDE A COISA TÁ PEGANDO*/.nav{  margin:0; padding:0; clear:both; background-color:#fff; clear:both; width:375px; height:25px;} /* update for firefox */.nav ul{ margin:0; padding:0; list-style-type:none;}.nav ul li{ text-align:center; float:right; margin:0;}.nav ul li a,.navsup ul li a:visited{ display:block; margin:0; padding:5px 15px; font-size:10px; font-weight:bold; border-right:1px solid #fff; color:#000000; text-decoration:none;}.nav ul li a:hover,.navsup ul li#naviOn a{ text-decoration:none; color:#fff; background-color:#000000;}#cent {	width	: 760px;	}#bak {	top		: 91px;	width	: 450px;	_width: 430 !important; /*iE Hack!*/	height	: 40px;	float	: left;	background:   url(../imgs/log3.gif) no-repeat;}#rtt {	top		: 91px;	width	: 310px;	float	: right;	}#midi{	top: 131px;	width: 450px;	_width: 430px !important; /*IE HACK */	float: left;	font: bold 12px verdana;	font-color:#777;	text-align:left;}

O que será que acontece? Voces podem ver melhor em http://www.brunoleite.com/index.php

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

insira a propriedade

float:rigth;
na sua div#nav (pelo que entendi ela que deverá ficar a direita).

 

qualquer nova dúvida volte a postar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Título do tópico editado para facilitar futuras buscas.Sai: Ajuda com CSSEntra: Div flutuar a direita

Compartilhar este post


Link para o post
Compartilhar em outros sites

Zeca Chefaly, sua div#logo e sua div#nav após receberem ambas o flot estão sendo tratadas como nivel de bloco (estão na ordem inversa).

Insira sua div#logo apoós a div#nav.

Em um outro momento estarei postando alguma informação para complementar, mais isso por hora resolve seu problema.

 

Qualquer nova dúvida volte a postar. Observer sempre a busca do fórum antes de abrir um novo tópico. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.