Ir para conteúdo

Arquivado

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

ericmaicon

Tentando passar meu site pra div....

Por , em Desenvolvimento frontend

Recommended Posts

ericmaicon    0

ericmaicon
Postado

Olá galera...vou retornar meu site pro ar..mas tem um trem me dando dor de cabeça...

 

o html tem 3 divs..:

 

<?php
require '../fnc/fnc.php';
?>
<!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">
<link href="../fnc/css.css" rel="stylesheet" type="text/css" />
<body>
<div id="fundo">
		<div id="flash"><?php include '../flash/eric.php';?></div>
		<div id="conteudo">
			<img src="../fotos/servicos/teste.png" align="left" />
			<h1>TESTEEEEEE TESTEEEEEE</h1>
			<h3>Segundo peritos, só exame de DNA diria com certeza de quem era sangue em carro. Em interrogatório, polícia disse para Alexandre Nardonia que o sangue era de sua filha</h3>
			<h4>Parte do trabalho da perícia nas investigações da morte da menina Isabella Nardoni foi usado incorretamente pela própria Polícia Civil. Alguns dos dados levantados por peritos foram usados em perguntas feitas para Alexandre Nardoni, pai da menina. Segundo informações obtidas pelo....</h4>
		</div>
</div>
</body>
</html>

como podem ver tem as div's fundo, flash e conteudo...eu queria centralizá-las..usei aquele macete do majour....

 

body {
	margin:0;
	padding:0;
	text-align:center;
}

#fundo {
	background-image:url(../images/fundo_01.png);
	background-position:center;
	background-position:top;
	width:100%;
	height:100%;
}

#flash {
	padding-top:30px;
	width:760px;
	height:219px;
	text-align:left;
	margin:0 auto;
}

#conteudo {
	background-color:#FFFFFF;
	width:760px;
	text-align:left;
	margin:0 auto;
}

bom..foi na boa..agora o problema..q tá tendo um espaço entre a div flash e a di conteudo....

como resolvo isso?

obrigado galera!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

ericmaicon, uma dica básica:

*{margin:0; padding:0;}

Este código adicionado no início da sua página zera as duas propriedades de todos os elementos e deve resolver o seu problema.

 

Recomendo a você estudar mais as css.

Olha o link a seguir, o Laboratório de Scripts (WS), lá voc6e vai aprender a montar layout's de uma maneira rápida, correta e fácil.

 

Qualquer dúvida, por favor, 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

ericmaicon    0

ericmaicon
Postado

pois então..eu baixei duas vídeos aulas aqui..pq tds meus sites são todos em tables..

:P

 

ai eu comecei a usar div cara..mas cara....já começa desanimado..pq dá certinho no FF mas chega no IE é aquel m*****!!

 

ai tou seguindo isso pelas vídeos aulas, web2ponto0 e majour!!

 

a dica nao deu certo cara..ainda continuou com espaço entre as divs flash e conteudo!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Cara, a montagem da sua estrutura está completamente errada.

 

Recomendo que antes de você ler as dicas que estou passando abra o código e siga item por item

 

  • Seu documento você está iniciando com a tag <meta> e não com o Doctype que apropósito esta depois do <title> e tem mais de uma tag title.

     

    .

  • A tag <html> e <body> estão fechando 2 vezes

     

    .

  • Você precisa criar o topo e o conteúdo dentro de uma única DIV para delimitar o limite e não deixar tudo solto.

    Colocando eles dentro de uma div que limita o tamanho de cada coisa vai facilitar.

     

    .

  • Não há a necessidade de utilizar o esse if no meio do seu código para inserir seu flash

    if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
    Não há a necessidade porque logo depois do script do flash tem a tag <noscript> que caso o javascript estiver desabilitado no computador do visitante ele exibe o conteudo entre essa tag, mas se tiver ele vai rodar a função.

     

    .

  • como já citei falta muita organização e semântica. olha só essaparte do código.

    <meta name="Custodian" content="Eric Maicon">
<meta name="DC.date.created" content="29/04/2008">
<title>.::Eric Maicon - eric@ericmaicon.com.br::.</title><!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">'>http://www.w3.org/1999/xhtml">
<link href="../fnc/css.css" rel="stylesheet" type="text/css" />
<body>
	<div id="fundo">
		<div id="flash"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>eric</title>
<script language="javascript">AC_FL_RunContent = 0;</script>

<script src="../flash/AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">

    Você iniciou um monte de <meta> sem iniciar um html e um doctype, jogou um title, depois o doctype aee abriu o html, depois um link, depois abriu o body (sem iniciar o head antes) aeee depois iniciou o aeee você iniciou a div fundo e a div flash e dentro dala a head jogou a meta, MAIS UM title jogou uns javascripts, fechou o head e abriu outro body

     

    Sendo que a ordem certa é.

     

    Ou seja sua raiz dessa parte ficou assim:

     

    <meta>
<meta>
<title></title>
<doctype>
<html>
		<link>
		<body>

		<div id="fundo">
		<div id="flash">
				<head>
						<meta>
						<title></title>
				</head>
				<body>

    Isso que to simplificando muito.

     

    Mas o correto é utilizar assim:

     

    <doctype>
<html>
		<head>
				<title></title>
				<meta>
				<link>
				<script>
		</head>
<body>

		<div id="fundo">
		<div id="flash">

    Sendo que os itens dentro do <head> a ordem vai de você.

 

Tem muito o que arrumar ai, mas quanto sua duvida, é o tamanho do flash, experimenta mudar o tamanho do flash no seu CSS, disso:

 

#flash {
	padding-top:30px;
	width:760px;
	height:219px;
	text-align:left;
	margin:0 auto;
}

Para isso:

 

#flash {
	padding-top:30px;
	width:760px;
	height:212px;   /* Diminuir essa altura */
	text-align:left;
	margin:0 auto;
}

Da uma estudada e se preocupa mais com a organização do seu código, se não as coisas vão complicar muito para você quando você precisar alterar algo, ou até para montar como é o caso atual.

 

 

Tem um tópico que acabei de responder que pode te ajudar.

http://forum.imasters.com.br/index.php...285113&st=0

 

Flw aeee

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

ericmaicon    0

ericmaicon
Postado

MUITO OBRIGADO....

bom..vamos lá:

 

Seu documento você está iniciando com a tag <meta> e não com o Doctype que apropósito esta depois do <title> e tem mais de uma tag title.

bom..é pq eu usei funções php e usei require..logo como chamei o require no início do cód..as metas vieram juntas...:P

 

mas já vou colocar do jeito falado...

 

A tag <html> e <body> estão fechando 2 vezes

eu creio que eh pq tem o include da página do flash tb..vou tirar!!

 

Não há a necessidade de utilizar o esse if no meio do seu código para inserir seu flash

retirei..:D

 

Mas o correto é utilizar assim:

bom...o q ficou errado foi o esquema do include..mudei de lugar..agora acho q tá na ordem citada!!

 

 

 

bom..agora acho q ficou certo!!

 

o problema...que ao tirar o script do flash..a porqueira nao ficou com fundo transparente...ai eh o problema..mas o problema de largura e organização acho q resolveu !!

:D:D:D

 

http://www.ericmaicon.com.br/new/principal/index.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

ericmaicon    0

ericmaicon
Postado

é..eu mudei aqui..você viu q ficou bem simples...mas nao carregou nada no IE...:(

 

poxa veio...vo xingar o IE pra vida inteira....q coisa cara...

 

vou tentar do jeito q tu falou!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Seu topo não ta carregando no ie por causa do caminho do swf.

 

<object type='application/x-shockwave-flash' data='../flash/eric.swf' width='772' height='219'>

 

<param name='allowScriptAccess' value='sameDomain' />

<param name='movie' value='filme.swf' />

<param name='wmode' value='transparent' />

</object>

O IE le o param e firefox o data

;)

 

Porém vai ficar aquela borda no IE....

 

Então seria bom usar aquele javascript pois ele evita a borda no IE =)

 

poxa veio...vo xingar o IE pra vida inteira....q coisa cara...

Bem vindo ao clube http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

ericmaicon    0

ericmaicon
Postado

eita..nem precisei..só mudei o filme.swf!!!

 

:D

 

cara...brigadão!!

grande ajuda!!

 

vou entrar no clube...aonde assina??

haeuhaehuae

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito