Div x PHP include

[André Xori 0]

Olá galera!

 

Ta um sufoco essas divs!!!

To quase usando tabelas mesmo q a dor de cabeça eh menor hehe

 

Seguinte, to utilizando 2 divs, uma ao lado da outra da seguinte forma:

 

 

No CSS

 

#Noticias {
float:left;
width: 245px;
height: 185px;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
border: solid 1px #000;

#Destaques{
width: 500px;
float:left
height: 200px;
margin-top: 10px;
margin-left: 265px;
border: solid 2px #CED4E9;
background-color:#FFF;
overflow:auto;
}}

 

E os divs:

 

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="principal">

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="Noticias">Conteudo de notícias rápidas
</div>

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="Destaques">Conteudo de destaques grandes
</div>
</div>

 

Meu problema é: Quando uso o <?php include_once"pagina.php"; ?> dentro da DIV Noticias,

o conteúdo simplesmente vai pra fora do DIV, e a DIV Destaques, nao fica mais alinhada

e vai lá pra baixo!

 

 

Alguém me da uma luz?!?!

Ta fodaaaaaaa Já tentei trocentas coisas...

Só com tabelas que "ta dando certo". Pq tambem rola um pequeno erro, masss...

 

Quem puder ajudar, fico muito grato!

Valeu

abraços!

[Giovani 104]

Seja muito bem vindo ao fórum iMasters André Xori!

 

Você por acaso pode pode um link com o que você fez e está dando erro? http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

[Leonardo P 0]

eu percebi duas coisas que podem estar atrapalhando

#Noticias {
float:left;
width: 245px;
height: 185px;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
border: solid 1px #000;

#Destaques{
width: 500px;
float:left
height: 200px;
margin-top: 10px;
[color="#ff0000"]margin-left: 265px;[/color]
border: solid 2px #CED4E9;
background-color:#FFF;
overflow:auto;
}[size=4][color="#ff0000"]}[/color][/size]

você está fechando uma das chaves no lugar errado, e essa margem de 265px aí também está estranha. Tenta diminuir isso e ver se funciona http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif (muito bom esses emoticons...)

[André Xori 0]

Leonardo P

 

O } que faltou foi pq eu esqueci de copiar. Foi malz.

Essa margem de 265px, eu coloquei pq é pra sobrar espaço no canto esquerdo, onde está o DIV de 245px de largura. Sacou?

 

 

 

gio!

 

Coloquei no ar o exemplo para você tentar entender melhor. Agora estou vendo que está funcionando com IE, mas com FF nao. :(

 

O exemplos sao:

http://www.andreprojetos.com.br/div/exemplo1.htm

(este acima eu apenas utilizei os DIVs como eu quero que fiquem. Mas no FF ta bixando tudo.)

 

http://www.andreprojetos.com.br/div/exemplo2.php

(quando eu uso o php include, ele fica dentro do DIV no IE, mas no FF ele ignora a existência do DIV e bixa tudo.)

 

 

Entenderam o que eu quero?!

Parece ser simples, mas to me ferrando pra aprender direito a como manipular essas DIVs.

 

Valeu pela ajuda!

Abraços!

[Leonardo P 0]

mas se você está usando float left, aquela margem é desnecessária, acho que o problema é nela.

[André Xori 0]

mas se você está usando float left, aquela margem é desnecessária, acho que o problema é nela.

ok, Tirei a margem por já estar com o Float: left

 

Mas repare que no FF, o exemplo2.php fica todo bichado por conta do include_once.

No IE fica certo. http://forum.imasters.com.br/public/style_emoticons/default/natal_ohmy.gif

Entende meu problema?

 

Existe outra maneira simples de posicionar "caixas DIV" lado a lado?

[brcontainer 16]

o seu exemplo PHP ta com varios css até entre uma taf <P>

 

<p> <link href="css.css" rel="stylesheet" type="text/css" />

limpe seu código ele esta meio mal formado esse é seu problema por você não entende-lo

e nem por ninguem daqui entende-lo por que ele esta meio bagunçado

 

o que mais está afetando sua página é isso:

 

[url="http-~~-//december.com/html/4/element/tbody.html"]<tbody>[/url] <--- isso aqui não deveria estar aqui

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="principal">
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="Noticias">
  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]Conteudo 1</p>

  [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url] [url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="css.css" rel="stylesheet" type="text/css" /> <--- isso aqui não deveria estar aqui

[url="http-~~-//december.com/html/4/element/body.html"]<body>[/url]   <--- isso aqui não deveria estar aqui
      [url="http-~~-//december.com/html/4/element/table.html"]<table[/url] width="100%"  border="0" cellpadding="0" cellspacing="0">

 

você deve usar melhor o PHP essa má formação deve-se a má utilização do include

 

verifique tudo

 

e ao inves de usar assim:

BODY {
	MARGIN: 0px
}

use assim:

* {
	MARGIN:0px;
	padding:0px;
}

e aqui não tem muita lógica você use TBODY acho que você deveria usar BODY

[url="http-~~-//december.com/html/4/element/tbody.html"]<tbody>[/url]

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="principal">
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="Noticias">Conteudo 1 [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
</div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="resumo">Conteudo 2 </div>

</div>





 
[url="http-~~-//december.com/html/4/element/p.html"]<p>[/url] </p>
</tbody>

 

 

Use a DIV principal para ENGLOBAR as duas outras DIV's e na segunda DIV use FLOAT:RIGHT;

siga isso que eu fiz a parte CSS+html

<style>
#principal{
width:800px;
}
#Noticias{
float:left;
width: 245px;
height: 185px;
margin-top: 10px;
border:1px #000 solid;
}
#resumo{
float:right;
width: 500px;
height: 200px;
margin-top: 10px;
border: 2px #CED4E9 solid;
background:#FFF;
overflow:auto;
}
</style>
<div id="principal">
<div id="Noticias">Conteudo 1 <br>
</div>
<div id="resumo">Conteudo 2 </div>

</div>

você está usando width="100%" no TABLE o TABLE flutua para fora do DIV no FF

use assim

 

#principal table{
display:block;
}

ou assim que é melhor:

#principal table{
width: 243px;
}

 

EVITE AO MAXIMO TABELAS apenas para dados TABULARES você deve usa-la

 

e boa sorte

[André Xori 0]

Olá Silverfox.

 

É, o código tinha umas coisinhas bagunçadas.

Foi mal... Aquele <tbody> é de uma outra parada q eu tava fazendo antes hehe

E o css.css é do site q essa pagina vai entrar, só esqueci de tirar a referencia.

 

Deixei bem limpinho agora.

Tive q jogar uma margem negativa (-10px) na segunda DIV pra ela ficar alinhada com a primeira(10px). Estranho isso.

 

Repare que o conteudo PHP do include_once fica dentro da DIV no IE mas fora no FF.

Mas tudo bem, a borda do DIV nao vai existir. Coloquei só pra poderem visualizar melhor.

 

Acho que estou conseguindo me virar.

Obrigado a todos que tentaram me ajudar!

Fico muito grato mesmo. http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif

 

Abraços

 

LINK: http://www.andreprojetos.com.br/div/exemplo2.php

[brcontainer 16]

leia meu post anterior postei mais umas coisas

 

[editado]coloquei TOPICO malz é POST anterior hehe