Ir para conteúdo

POWERED BY:

Arquivado

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

cassiano óliver

[Resolvido] Probleminha com float...

Recommended Posts

to com a seguinte estrutura, só pra teste mesmo...

 

CSS

<style>
* {
	margin: 0;
	padding: 0;
}

body {
	margin-top: 10px;
	text-align: center;
}

#admin {
	width: 770px;
	margin: auto;
	border: solid 1px #333;
}

#menu {
	width: 200px;
	float: left;
}

#menu ul {
	text-align: left;
	list-style: none;
}

#conteudo {
	width: 550px;
	float: right;
}
</style>

HTML

<div id="admin">
	
	<div id="menu">
		<ul>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
			<li>TESTE</li>
		</ul>
	</div>
	
	<div id="conteudo">
		The CSS Styles panel lets you track the CSS rules and properties affecting a currently selected page element (Current mode), or all of the rules and properties that are available to the document (All mode). A toggle button at the top of panel lets you switch between the two modes. The CSS Styles panel also lets you modify CSS properties in both All and Current mode.
	</div>
			
</div>

A div admin, fica como se não estivesse envolvendo as outras, sempre que uso float, fica errado, as que estão dentro dela, no navegador ficam fora...

olhem a imagem...

 

Imagem Postada

 

a "linha" de cima, é a div admin....

tem como resolver isso aí?

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.