Div che spariscono

**MrClog** · 22-05-2012, 23:56

salve a tutti,
ormai sto perdendo il sonno! Dopo alcune correzzioni apportate alla pagina (e nn ho capito quali)
non mi compaiono tutti i DIV.

In pratica nel content ho messo due DIV "SEGNALAZIONI" e "METEO", però quando lancio la pagina, il secondo DIV sparisce (a prescindere quale metta per primo), il footer sparisce, e se provo a mettere i border colorati, non li vedo più.

metto in rosso la parte interessata

help me help me

codice:

<?php session_start(); ?>

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" href="css/popup.css" type="text/css" media="screen"//>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"/>
< link rel="stylesheet" href="css/styleform.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/table.css" type="text/css" media="screen"/>



<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=it"></script>
<script type="text/javascript" src="inc/jquery-1.7.2.js"></script>
<script type="text/javascript" src="inc/myjs.js"></script>
<script type="text/javascript" src="inc/google.js"></script>

<title>Progetto Tecnologie WEB 2012</title>

</head>
<body>
 <div id="container">
    <div id="header">
		
		<div id="logo">
			[img]images/TecWebLogo.png[/img]
        </div>  
		
		
		<div id="profile">
			<?php  
				require("inc/login-header.inc.php");
			?>
		</div>
		
		
		<div id="login_form">
			<div class="err" id="add_err"></div>
				<form action="inc/login.inc.php">
					<label>User Name:</label>
					<input type="text" id="luser_name" name="luser_name" />
					<label>Password:</label>
					<input type="password" id="lpassword" name="lpassword" />
					<label></label>

					<input type="submit" id="login" value="Login" />
					<input type="button" id="cancel_hide" value="Cancel" />
				</form>
			</div>
			<div id="shadow" class="popup"></div>
		
	
		<div id="navigator">
			<?php require("inc/menu.inc.php");?>
		</div>
</div> 	
	
	
		
		<div id="content">
	          
                  <div id="segnalazione" >
                      <?php require("inc/tabellaSegnalazioni.inc.php");?>
                  </div>  
                  <div id="metevo">
	            <?php require("inc/meteo.inc.php");?>	  
                  </div>  
		</div>  
	 
 
 </div>
 <div id="piede">
     <?php require("inc/piede.inc.php")?>
 </div>
</body>
</html>

e questo è il css

codice:

{
    margin:0px;
    padding:0px;
	}
body{
    background:#000 url(../images/background.gif) repeat top left;
    font-family:arial;
	line-height: 1.6em;
	}
#container{
	position: relative; 
	width: 1024px;
	height:1000px;
	margin:0 auto;
	/*border-width: 1px 1px 1px 1px;
	border-style: solid;
    border-color: red;*/
	}

	
#header{
	background: #FFF;
	float: left;
    width: 100%;
	margin: 10px 0px 0px 0px;
	}

#logo{
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
	width:420px;
	height:110px;
	}	
	
#profile{
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
	float:right;
	padding:0.4em;
	width:300;
	height:100px;
	text-align:right;
	position:relative;
	top:80px;
	}

#navigator{/*menù*/
	float:left;
	background-color:#0099FF;
	width: 100%;
    line-height: 1.4em;
    border-left:none;
    float:left;
    clear:both;
	border:none;
	}
	
#content{
               
    width: 100%;  
    min-height: 810px;	
 	float: left;
	background-color:#FFF;
	border-width: 1px 1px 1px 1px;
	border-color: red;
}

#segnalazione    { 
	 border-width: 1px 1px 1px 1px;
     border-color: red;
     
     width: 450px;  
     height: 350px;
     float: left;
     margin-top:10px;
     margin-left:10px;
     }

#meteo  {
    float:right;
    width: 430px;
    height: 400px;
    position:absolute; top:20px; right:10px;
    border-width: 1px 1px 1px 1px;
	border-style: solid;
    border-color: black;
}

#piede{
	width:1024px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	margin:0;
	padding:0;
	background-color:trasparent;
	background-image:url(../images/gradientBottom.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin:0 auto;
}
#piede p{
	text-align:center;
	text-color:#708492;
	line-height: 1.6em;
	font-family: Verdana, Helvetica, sans-serf;
	font-size: 8pt;
	padding:1;
	color: #92A6B4;

**MrClog** · 23-05-2012, 02:11

se dal div "CONTENT" tolgo tutto o tolgo i div annidati, funziona tutto bene

**ResianTaxidrive** · 25-05-2012, 01:54

Credo che tutto dipenda dal fatto che il div meteo (tra l’altro nel codice lo hai chiamato "metevo") ha un posizionamento assoluto e molto probilmente va a finire in cima alla pagina.
Perché usi quel posizionamento?

La prossima volta non postare inclusioni php, non ha granché senso in questo forum (css )

Discussione: Div che spariscono

Strumenti discussione

Ricerca discussione

Visualizza

Div che spariscono

Permessi di invio