problema con codice CSS

**piero2384** · 10-03-2008, 12:29

Ciao a tutti,
ho un problema con questo codice CSS...premetto che sono ancora agli inizi...
il codice è questo:
<style type="text/css">
/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position: relative;width:1000px; margin: 0 auto;
border-left: 0px solid #ccc; border-right: 0px solid #ccc;
background: url(3rightcol.jpg) repeat-y top right}
div#container2{
background: url(3leftcol.jpg) repeat-y top left;
text-align: left;
background-repeat: no-repeat;
}

/*stili generici, su header e footer*/
div#header{height: 80px;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 177px; left: 0px;
width: 230px;\width:230px;w\idth:230px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 80px; right: 0;
width: 210px;\width:210px;w\idth:210px;padding: 1em 5px}
div#content{margin: 0 240px;padding: 1em 10px;background-color: #fff;}
div#footer{text-align:center; padding: 5px 0;
background-color: #000000; color: #FFFFFF}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
div#navigation div.login{
background-image: url(immagini/auth%20copia.jpg);
background-repeat: no-repeat;
color: #FFFFFF;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
</style>

la colonna centrale però mi viene visualizzata sotto l'header...come faccio a indicare che si posizioni sotto l'header?

Grazie

**gabar-el** · 10-03-2008, 13:06

la colonna centrale però mi viene visualizzata sotto l'header...come faccio a indicare che si posizioni sotto l'header?

non capisco cosa vuoi sapere.....

**ricman** · 10-03-2008, 13:08

Originariamente inviato da piero2384
la colonna centrale però mi viene visualizzata sotto l'header...come faccio a indicare che si posizioni sotto l'header?

...ehemm... allora va bene così?? Forse hai scritto male.....

Cmq qui trovi le guide col codice corretto per fare i layout a colonne

**piero2384** · 10-03-2008, 13:09

la colonna centrale....mi viene nascosta(non tutta ma solo la prima parte) sotto l'header....che è un immagine che ho posto a inizio pagina...

**gabar-el** · 10-03-2008, 13:13

dovresti postare anche l'html....

**piero2384** · 10-03-2008, 13:16

<?php
session_start();
if ($_POST['logout']){
$_SESSION=array();
}
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="container">
<div id="container2">
<div id="header">
[img]immagini/TOP.jpg[/img] </div>

<div id="content">
<h2>Layout a tre colonne - versione con i posizionamenti assoluti e immagine di background</h2>
</div>

<div id="navigation">
<div class="login" align="left" >
<?php
if ($_SESSION['login'] != "ok") {
?>
<form name="login" action="controlla.php" method="post">
<p class="Stile1">Username: <input type="text" name="username" value="" /></p>
<p class="Stile1">Password:
<input type="password" name="password" value="" /></p>
<p class="Stile1"> <input type="submit" value="Login" /></p>
</form>

<?php
} else{
echo "Benvenuto ";
echo $_SESSION['username'];
?>
<form name="logout" action="index.php" method="post">
<input type="submit" value="Log out" />
<input type="hidden" value="true" name="logout" />
</form>
<?php
}
?>
</div>
<ul>[*]Home[*]News[*]Blog[*]Download[*]Links[*]Freetime[*]Contattami[/list]
</div>
<div id="footer">© 2008 - Grafica, layout e guide sono di esclusiva proprietà di @Dave. Note e informazioni legali</div>
</div>
</div>
</body>
</html>
[/CODE]

**gabar-el** · 10-03-2008, 13:25

così non rendi le cose molto facili....
evita di postare contenuti testuali (all'interno del tag p) che allungano solo il post.
inoltre quando posti metti il codice all'interno degli appositi tag, se ti riesce modifica, così non è veramente il massimo....

**piero2384** · 10-03-2008, 13:43

codice:

<?php
session_start();
if ($_POST['logout']){
$_SESSION=array();
}
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" /> 
<title>Documento senza titolo</title>
</head>

<body>
<div id="container">
  <div id="container2">
    <div id="header">
        [img]immagini/TOP.jpg[/img]    </div>
	<div id="content">
        <h2>Layout a tre colonne - versione con i posizionamenti assoluti e immagine di background</h2>

</div>
	<div id="navigation">
        <div class="login"  align="left" >
		<?php
if ($_SESSION['login'] != "ok") {
?>
		<form name="login" action="controlla.php" method="post">
		<p class="Stile1">Username: <input type="text" name="username" value="" /></p>
          <p class="Stile1">Password:  
            <input type="password" name="password" value="" /></p>
          <p class="Stile1"> <input type="submit" value="Login" /></p>
        </form>
		<?php
} else{
echo "Benvenuto  ";
echo $_SESSION['username'];
?>
<form name="logout" action="index.php" method="post">
<input type="submit" value="Log out"  />
<input type="hidden" value="true" name="logout" />
</form>
<?php
}
?>
		</div>
		<ul>[*]Home[*]News[*]Blog[*]Download[*]Links[*]Freetime[*]Contattami[/list]
    </div>
   <div id="footer">© 2008 - Grafica, layout e guide sono di esclusiva proprietà di @Dave. Note e informazioni legali</div>
  </div>
</div>
</body>
</html>

Spero vada bene....mi scuso ma nn sono pratico del forum

**gabar-el** · 10-03-2008, 14:10

nessun problema, solo che così si legge meglio.
ti chiedo come mai il position relative a un div, cosa vorresti ottenere?
inoltre se tu riuscissi a postare un link sarebbe meglio ancora, non rende bene l'errore per via dell'immagine.
ora finisco una cosa, poi do un occhio meglio...

**piero2384** · 10-03-2008, 14:42

http://www.cisiamotutti.netsons.org/.../css/index.php
da qui puoi vedere il risultato....
per quanto riguarda le impostazioni...alcune sinceramente le ho cambiate per cercare di risolvere il problema provando altri settaggi....

Discussione: problema con codice CSS

Strumenti discussione

Ricerca discussione

Visualizza

problema con codice CSS

Re: problema con codice CSS

Permessi di invio