Erro Com Div 100% Vertical

#1 Thiago Gema

Novato no fórum

Usuários
10 posts

Sexo:Masculino

Posted 04/07/2011, 21:53

Pessoal não estou conseguindo deixar a <DIV> e <LI> 100% na vertical, já tentei inúmeras façanhas que achei por ai, mas não funfaram !

DIV principal

.div {
    width: 1930px;
    position: relative;
    left: 50%;
    margin-left: -400px;
    min-height: 100%;
    padding: 0;
}

DIV interna

.empresa {
    display: block;
    overflow: hidden;
    padding: 0;
    float: left;
    width: 70px;
    min-height: 100%;
    background-color:#2e2e2e;
    background-image: url(degrade_b.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

Na verdade preciso deixar a DIV principal e DIV interna 100% na vertical.

Qualquer dica é super bem vinda !

Valeu !

Edição feita por: Thiago Gema, 04/07/2011, 21:55.

#2 André Manoel

Doutor

Usuários
996 posts

Sexo:Masculino
Localidade:Brasilia

Posted 05/07/2011, 00:32

E aee Thiago...

Não entendi o que vc quis dizer com deixar na vertical?
Como assim?
Explica melhor ae...

Iniciando na Ajuda On line...

Posted Image

Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 Thiago Gema

Novato no fórum

Usuários
10 posts

Sexo:Masculino

Posted 05/07/2011, 00:46

Quero deixar a DIV 100% da tela(Somente na altura)

#4 shayllis

12 Horas

Usuários
152 posts

Sexo:Masculino
Localidade:Barueri - SP
Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 06/07/2011, 10:24

Para falar a verdade, é só você substituir min-height: 100%;, por height: 100%; este min-height desconhecia completamente, para que serve?
Caso tenha ajudado, colabore com um ponto

Thiago Gema likes this

#5 Thiago Gema

Novato no fórum

Usuários
10 posts

Sexo:Masculino

Posted 06/07/2011, 18:06

Valeu ! Ponto pra você, mas só funciona se eu deletar o cabeçalho:

<!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>

E agora?

Edição feita por: Thiago Gema, 06/07/2011, 18:12.

#6 shayllis

12 Horas

Usuários
152 posts

Sexo:Masculino
Localidade:Barueri - SP
Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 07/07/2011, 16:14

Estranho, esperimenta este cabeçalho, pode ser uma versão diferente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR...l1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Value pelo ponto

#7 Thiago Gema

Novato no fórum

Usuários
10 posts

Sexo:Masculino

Posted 11/07/2011, 23:10

Outro problema...

Não estou conseguindo centralizar na vertical uma tabela dentro da <DIV>, alguma dica? Achei inúmeros códigos, porém nenhum funfou.

Tentei assim e não deu...

}
#links {
	display: block;
	overflow: hidden;
	padding: 0;
	float: left;
	width: auto;
	height: 100%;
	background-color:#CCC;
}
#conteudo {
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	float: left;
	width: auto;
	height: auto;
	text-align:center;
	background-color:#030;
}

#8 shayllis

12 Horas

Usuários
152 posts

Sexo:Masculino
Localidade:Barueri - SP
Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 12/07/2011, 09:27

Bom, você poderia colocar uma table dentro da outra, seria mais pátrico, assim:
<table style="width: 100%; height: 100%; border: none;" (colspacing = "0")>
<tr>
<td valign="middle">
<table></table>
</td>
</tr>
</table>
O que está marcado com() é que eu não me lembro muito bem.

Mas pelo css que eu vi :/, não tem uma propriedade na vertical, tenta colocar na na div um tamanho 100% por 100%, com um vertical-align: middle, se não der, coloca:
text-align: center middle; Geralmente da certo.

Edição feita por: shayllis, 12/07/2011, 09:29.

Thiago Gema likes this

#9 Thiago Gema

Novato no fórum

Usuários
10 posts

Sexo:Masculino

Posted 12/07/2011, 20:49

Bom, você poderia colocar uma table dentro da outra, seria mais pátrico, assim:
<table style="width: 100%; height: 100%; border: none;" (colspacing = "0")>
<tr>
<td valign="middle">
<table></table>
</td>
</tr>
</table>
O que está marcado com() é que eu não me lembro muito bem.

Mas pelo css que eu vi :/, não tem uma propriedade na vertical, tenta colocar na na div um tamanho 100% por 100%, com um vertical-align: middle, se não der, coloca:
text-align: center middle; Geralmente da certo.

Ajudou muito ! Valeu amigo!

#10 shayllis

12 Horas

Usuários
152 posts

Sexo:Masculino
Localidade:Barueri - SP
Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 13/07/2011, 16:33

Disponha

1 user(s) are reading this topic

Entrar