Piccolo problema con i CSS...

**Dreamer89** · 11-11-2007, 17:51

Ciao raga, ho un problema con delle pagine, dovrebbe essere una cavolata ma non riesco proprio a capire dov'è l'errore... praticamente il div container non viene proprio visto e non so perchè, se mi aiutate a trovare questo errore bastardo ve ne sarò molto grato...

Pagina principale:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 <head>

    <meta http-equiv="content-type" content="text/html;charset=windows-1252;">

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

    <title>All Rock - Home</title>

 </head>

 <body>

    

    <div style="container">

    

        <?php

  

            include("menu.php");

            menus();

  

        ?>

  

        <div class="index">

            <h1>All Rock</h1>

        </div>

  

        <?php

  

            menud();

  

        ?>

        

        <div style="clear:both;"></div>

    

    </div>

    

 </body>

</html>

Piccolo file per i 2 menu laterali:

Codice PHP:


<?php



function menus()

{



?>



<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">

 <h3>Menu di sinistra</h3>

</div>



<?php



}



function menud()

{



?>



<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">

 <h3>Menu di destra</h3>

</div>



<?php



}



?>

CSS:

codice:

body {
		text-align:center;
	}
	
div .container {
				width:1200px;
				margin-left:auto;
				margin-right:auto;
				border:1px solid black;
				text-align:center;
				
			 }
			 
div .index {
			width:400px;
			float:left;
			border:1px solid red;
			margin:10px 10px 10px 10px;
			
		 }

**pdsolution** · 11-11-2007, 18:10

Originariamente inviato da Dreamer89
Ciao raga, ho un problema con delle pagine, dovrebbe essere una cavolata ma non riesco proprio a capire dov'è l'errore... praticamente il div container non viene proprio visto e non so perchè, se mi aiutate a trovare questo errore bastardo ve ne sarò molto grato...

Pagina principale:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 <head>

    <meta http-equiv="content-type" content="text/html;charset=windows-1252;">

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

    <title>All Rock - Home</title>

 </head>

 <body>

    

    <div style="container">

    

        <?php

  

            include("menu.php");

            menus();

  

        ?>

  

        <div class="index">

            <h1>All Rock</h1>

        </div>

  

        <?php

  

            menud();

  

        ?>

        

        <div style="clear:both;"></div>

    

    </div>

    

 </body>

</html>

Piccolo file per i 2 menu laterali:

Codice PHP:


<?php



function menus()

{



?>



<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">

 <h3>Menu di sinistra</h3>

</div>



<?php



}



function menud()

{



?>



<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">

 <h3>Menu di destra</h3>

</div>



<?php



}



?>

CSS:

codice:

body {
		text-align:center;
	}
	
div .container {
				width:1200px;
				margin-left:auto;
				margin-right:auto;
				border:1px solid black;
				text-align:center;
				
			 }
			 
div .index {
			width:400px;
			float:left;
			border:1px solid red;
			margin:10px 10px 10px 10px;
			
		 }

prova impostando l'altezza nella classe container ad auto:
height: auto;

**Dreamer89** · 11-11-2007, 18:26

Originariamente inviato da pdsolution
prova impostando l'altezza nella classe container ad auto:
height: auto;

Niente da fare, non va

**Myaku** · 11-11-2007, 18:52

codice:

<div style="container">

"container" lo richiami nel css esterno con un id o una classe, non con style

**Dreamer89** · 11-11-2007, 18:56

Originariamente inviato da Myaku

codice:

<div style="container">

"container" lo richiami nel css esterno con un id o una classe, non con style

Grazie ho corretto ma... continua a non leggermelo!

Sto impazzendo

**Myaku** · 11-11-2007, 18:59

Originariamente inviato da Dreamer89
Grazie ho corretto ma... continua a non leggermelo!

Sto impazzendo

puoi postare l'html in output?

**Dreamer89** · 11-11-2007, 19:00

Originariamente inviato da Myaku
puoi postare l'html in output?

Intendi questo?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
	<meta http-equiv="content-type" content="text/html;charset=windows-1252;">
	<link rel="stylesheet" type="text/css" href="css.css">
	<title>All Rock - Home</title>
 </head>
 <body>
	
	<div class="container">

	
		
<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">
 <h3>Menu di sinistra</h3>
</div>

  
		<div class="index">
			<h1>All Rock</h1>
		</div>
  
		
<div style="float:left;border:1px solid black;margin:10px 10px 10px 10px;width:200px;">
 <h3>Menu di destra</h3>

</div>

		
		<div style="clear:both;"></div>
	
	</div>
	
 </body>
</html>

**Myaku** · 11-11-2007, 19:08

non so se possa essere attinente al tuo problema, ma ho visto che hai 3 float:left con un clear: both. Secondo me non ha molto senso.

Dimmi però una cosa: non vedi il container ma vedi i contenuti annidati al suo interno, o non vedi proprio nulla? Il resto che hai definito nel foglio di stile esterno ti viene correttamente interpretato (e a quale browser fai riferimento)?

ps. non usare le classi se gli elementi sono univoci nella pagina: usa gli id

**Dreamer89** · 11-11-2007, 20:04

Originariamente inviato da Myaku
non so se possa essere attinente al tuo problema, ma ho visto che hai 3 float:left con un clear: both. Secondo me non ha molto senso.

Dimmi però una cosa: non vedi il container ma vedi i contenuti annidati al suo interno, o non vedi proprio nulla? Il resto che hai definito nel foglio di stile esterno ti viene correttamente interpretato (e a quale browser fai riferimento)?

ps. non usare le classi se gli elementi sono univoci nella pagina: usa gli id

Allora, ho provato sia a levare il clear:both, sia ad usare id al posto di class ma comunque sia, le caratteristiche del container non vengono proprio visualizzate... i 3 div interni a container li vedo senza problemi, quello che non vedo, è il centramento e il bordo del container che non c'è... presumo quindi che viene ignorato, ma non capisco perchè!

Ho visto sia su IE7 sia su FF2

**Myaku** · 11-11-2007, 20:18

Originariamente inviato da Dreamer89
Allora, ho provato sia a levare il clear:both, sia ad usare id al posto di class ma comunque sia, le caratteristiche del container non vengono proprio visualizzate... i 3 div interni a container li vedo senza problemi, quello che non vedo, è il centramento e il bordo del container che non c'è... presumo quindi che viene ignorato, ma non capisco perchè!

Ho visto sia su IE7 sia su FF2

allora, il clear non va tolto. Semmai, lo usi in both, applicando il float:right al div di destra. Comunque, questi sono dettagli.

se, anzichè "div .container {" riporti semplicemente ".container {" noti differenze?

Discussione: Piccolo problema con i CSS...

Strumenti discussione

Ricerca discussione

Visualizza

Piccolo problema con i CSS...

Re: Piccolo problema con i CSS...

Re: Re: Piccolo problema con i CSS...

Permessi di invio