Problema 3 blocos

[MatheusSilva 0]

ola, neste site estou tendo um problema, estou com 2 div em cima,

 

 

eu quero que essa div onde esta o formulário vá e grude no Noticias mas nao da, ja tentei de tudo.

 

segue o código.

 

 <div id="content">
   	<div id="noticias">
       	<h1 class="titulo">Noticias</h1>
           	<div id="notice">
<?php
   	$consulta = mysql_query("SELECT * FROM noticias ORDER BY data DESC LIMIT 4");
       	while($result = mysql_fetch_array($consulta)){
           	$id = $result['id'];
           	$titulo = $result['titulo'];
           	$content = $result['conteudo'];

           	echo '<div id="topic">
           	<h2>'.$titulo.'</h2>
           	'.limitarStr($content).'
           	<a href="single.php?id='.$id.'">Saiba Mais</a>
           	<div class="clear"></div>
           	</div><!--topic-->
           	';
      	}
?>               	
           	</div>
   	</div><!--Noticias-->

   	<div id="cursos">
       	<h1 class="title">Cursos</h1>
           	<div id="courses">
                   	<?php
   	$consulta2 = mysql_query("SELECT * FROM cursos ORDER BY id DESC LIMIT 1");
       	$resulta = mysql_fetch_array($consulta2);
           	$id = $resulta['id'];
           	$Conteudo = $resulta['conteudo'];

           	echo $Conteudo;
?> 
           	</div>
   	</div><!--Cursos-->

   	<div id="clear">
   	</div><!--clear-->
</div><!--content -->


    	<div id="news">
       	<h1>Cadastre-se</h1>
           	<legend>Para receber novidades da escola.</legend>
               	<form id="form1" name="form1" method="post" action="newsletter/cadastro.php" enctype="multipart/form-data">
                   	<span>Nome:</span>
                   	<input type="text" name="nome" id="nome" value="Digite seu nome" onfocus="if(this.value=='Digite seu nome') this.value='';"  onblur="if(this.value=='') this.value='Digite seu nome';"/>
                   	<br />
                   	<span>Email:</span>
                   	<input type="text" name="email" id="email" value="Digite um email valido" onfocus="if(this.value=='Digite um email valido') this.value='';"  onblur="if(this.value=='') this.value='Digite um email valido';" />
                   	<input name="acao" type="submit"  class="btn" value="Cadastrar" />
                   	<input name="acao" type="hidden" value="Cadastrar" />
              	</form>
   	</div><!--News-->

 

Eu tinha colocado dentro deste content para que quando o texto no noticias aumentasse (no caso se o titulo fosse maior e houvesse a quebra de linha nao atrapalhasse o H1 da div news.

 

css

#noticias{
margin-left:10px;
}
#noticias .titulo{
z-index: 3;
position:absolute;
left:438px;
top:506px;
background:#cacaca;
padding:8px 15px;
font-size:20px;
  	border:1px solid #828282 ;
}
#notice{
float:left;
border:3px solid #333;
z-index: 2;
height:auto;
width:500px;
padding:17px 5px 4px 10px;


}


/*cursos*/
#cursos{
margin-right: 10px;

}
#cursos .title{
  z-index: 3;
  position:absolute;
  left:935px;
  top:506px;
  background:#cacaca;
  padding:8px 15px;
  font-size:20px;
  border:1px solid #828282 ;
}
#courses{
float:right;
border:3px solid #333;
z-index: 2;
height: 510px;
width:420px;
padding: 20px 8px 0px 10px;

}



/*Newsletter*/
#news {
border:3px solid #333;
margin: 0px 0px 5px 10px;
width:490px;
/*	padding: 25px 0px 15px 15px;*/
float:left;
}
#news h1{
position:absolute;
background:#cacaca;
padding:8px 15px;
font-size:20px;
top:885px;
left:420px;
  	border:1px solid #828282 ;
}

 

obrigado.

[Henrique Barcelos 290]

A maneira mais fácil de fazer é criar um elemento (uma div) que contenha "Notícias" e o formulário e outra que contenha os "Cursos".

Flutue a primeira a esquerda e a segunda à direita e retire os floats desses elementos que já existem...

[MatheusSilva 0]

mas se eu criar uma div envolvendo as noticias e o formulario, quando ouver alguma alteração, como por exemplo + de uma linha no titulo o h1 do newsletter (o cadastre-se ) vai ir para baixo variando.

 

como é o exemplo disso:

(detalhe: video feito por mim devido a esse mesmo erro que aconteceu)

http://www.youtube.com/watch?v=iRqmzvw2VMA

 

como resolvo fazendo deste jeito que você comentou?

[MatheusSilva 0]

Fiz como você disse, mas teve outro problema.

 

 	<div id="coisa">

   	<div id="noticias">
       	<h1 class="titulo">Noticias</h1>
           	<div id="notice">
<?php
   	$consulta = mysql_query("SELECT * FROM noticias ORDER BY data DESC LIMIT 4");
       	while($result = mysql_fetch_array($consulta)){
           	$id = $result['id'];
           	$titulo = $result['titulo'];
           	$content = $result['conteudo'];

           	echo '<div id="topic">
           	<h2>'.$titulo.'</h2>
           	'.limitarStr($content).'
           	<a href="single.php?id='.$id.'">Saiba Mais</a>
           	<div class="clear"></div>
           	</div><!--topic-->
           	';
      	}
?>               	
           	</div>
   	</div><!--Noticias-->


            	<div id="news">
       	<h1>Cadastre-se</h1>
           	<legend>Para receber novidades da escola.</legend>
               	<form id="form1" name="form1" method="post" action="newsletter/cadastro.php" enctype="multipart/form-data">
                   	<span>Nome:</span>
                   	<input type="text" name="nome" id="nome" value="Digite seu nome" onfocus="if(this.value=='Digite seu nome') this.value='';"  onblur="if(this.value=='') this.value='Digite seu nome';"/>
                   	<br />
                   	<span>Email:</span>
                   	<input type="text" name="email" id="email" value="Digite um email valido" onfocus="if(this.value=='Digite um email valido') this.value='';"  onblur="if(this.value=='') this.value='Digite um email valido';" />
                   	<input name="acao" type="submit"  class="btn" value="Cadastrar" />
                   	<input name="acao" type="hidden" value="Cadastrar" />
              	</form>
   	</div><!--News-->
   	</div><!--coisa-->