Jump to content


Photo

Problemas No Div ! Todos Estão Na Esquerda !


  • Faça o login para participar
5 replies to this topic

#1 diego1986

diego1986

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 13/10/2005, 21:22

Olá amigos, gostaria de saber se tem algo errado e se tiver, aonde esta o erro. Desde já obrigado pela atenção,

Diego1986



Este é o CSS
body {
	background-image: url('imgs/fundo.gif')
}
.titulo {
	font-family: "arial";
	font-size: 30pt;
	font-weight: bold;
	color: #FFFFFF;
}
.subtitulo {
	font-family: "arial";
	font-size: 10 pt;
	color: rgb(115,186,37);
}
.texto {
	font-family: "arial";
	font-size: 8pt;
	color: #000000;
}
.menu {
	font-family: "arial";
	font-size: 8pt;
	font-weight: bold;
	color: rgb (255,255,255);
	text-decoration: none;
	margin-left: 10px;
	a:link     {color: #FFFFFF}
	a:visited  {color: #FFFFFF}
	a:hover    {color: #000000}
	a:active   {color: #FFFFFF}
}
.link {
	font-family: "arial";
	font-size: 8pt;
	font-weight: bold;
	color: rgb (0,0,0);
	text-decoration: unferline;
	a:link     {color: #000000}
	a:visited  {color: #000000}
	a:hover    {color: #FF6600}
	a:active   {color: #000000}
}
img {
	border: 0px;
}
/** DIV INDEX - INICIO **/
	#index {
  width:780px;
  margin-left:0px auto;
  text-align:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV INDEX - FIM **/
/** DIV TOPO - INICIO **/
	#topo {
  width:780px;
  height:150px;
  text-align:center
  position:relative;
	}
	html>body #topo {
  background:#A3D26F;
	}
/** DIV TOPO - FIM **/
/** DIV MENU - INICIO **/
	#menu {
  width:280px;
  margin-left:5px auto;
  text-alig:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV MENU - FIM **/
/** DIV BLOG - INICIO **/
	#blog {
  width:500px;
  margin-left:5px auto;
  text-align:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV BLOG - FIM **/
E este é o HTML
<html>
<head>
<meta http-equiv="refresh" content="180; url=index.php">
<meta http-equiv="keywords" content="palavras chaves">
<title>diego1986</title>
</head>
<link rel="stylesheet" type="text/css" href="blog.css"/>
<div id="index">
	<div id="topo">
	</div>
	<div id="menu">
	</div>
	<div id="blog">
  <p class="texto">DATA<br>
  <p class="titulo">TITULO</p><br>
  <p class="subtitulo">SUBTITULO</p><br>
  <span class="texto" style="width:600px;word-wrap:break-word;">NOTICIAS</span><br>
  <img src="img.jpg" width="300" height="200"><br>
  <hr>
  <br>
	</div>
</div>
</body>
</html>


#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 13/10/2005, 21:35

Onde o texto deveria estar?

Por que você acha que ele deveria estar?
Klaus Paiva
Conheça também: Taperás

#3 diego1986

diego1986

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 14/10/2005, 08:06

Ola Klaus ...
O que eu colokar dentro da tag <div id="topo"> nao tem que ficar em cima na pagina ....
O que eu colokar dentro da tag <div id="menu"> fica todo a esquerda respeitando margens e tudo mais
E o que eu colokar dentro da tag <div id="blog"> sera o conteudo do site ..

Não eh isso ???

#4 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 15/10/2005, 01:14

Um exemplo simples e rápido:

<style>
#topo {
  position: absolute;
  top: 0;
  left: 0;

  width:780px;
  height:150px;
  text-align: center;
  background-color: #A3D26F;
}
#geral {
  position: absolute;
  top: 150px;
  left: 0;

}
#menu {
  float: left;
  width:280px;
  margin-left: 5px;
  text-align: left;
  background-color: #F1F1F1;
}
#blog {
  float: left;
  width: 490px;
  margin-left: 5px;
  text-align: left;
}
</style>

================ HTML =================

<div id="topo">Topo</div>
<div id="geral">
<div id="menu">Menu<br/>Menu<br/>Menu ...</div>
<div id="blog">Conteúdo ...</div>
</div>



Estude bem. Leia, re-leia, verifique as alterações que estão em negrito,

tudo que está em itálico...



Oq adicionei foi uma div "geral" e mudei o tamanho da div

"blog" pois se há um espaço de 5px no "menu" e 5px nesta

div ultrapassará a largura da div "topo": ( 5+5=10px »» 500-10 = 490px ) ;)

Você usou auto na margem de forma errada:

margin-left: 5px auto;

sendo que auto é explicado como:

Deixa o browser decidir a distância em relação à margem esquerda do objeto que contém o elemento

Então a interpretação do browser fica:

Colocar margem esqueda de 5 pixels que seja automática

Ou são 5px ou automática ;)

Tá bem explicadinho!

Se precisar de alguma ajuda relacionado esse post, poste sem medo de ser feliz. :D

Flws! Espero que estude ;)
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#5 diego1986

diego1986

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 17/10/2005, 07:54

o allan ... ficou tudo blz aqui .. vlws mesmo ... :D dedao pra cima pra vc .. hehehe

abs ...

diego1986

#6 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 21/10/2005, 20:04

Rsrsrsrs :D

Flw Diego! ;)

Té +!
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq