|
| HOMEPAGE | INDICE FORUM | REGOLAMENTO | ::. | NEI PREFERITI | .:: | RSS Forum | RSS News | NEWS web | NEWS software | |
| PUBBLICITA' | | | ARTICOLI | WIN XP | VISTA | WIN 7 | REGISTRI | SOFTWARE | MANUALI | RECENSIONI | LINUX | HUMOR | HARDWARE | DOWNLOAD | | | CERCA nel FORUM » | |
13-12-2006, 11.33.25 | #1 |
Junior Member
Registrato: 30-05-2006
Messaggi: 105
|
[CSS] Problemi con impaginazione
Ho un problema con l'impaginazione tramite css. Di seguito vi mostro il mio css: html,body{ margin: 0; padding:0 } body{ font-family: arial,sans-serif; font-size: 12px; text-align: center } div#footer{ background: #FFFFFF; text-align: center; padding: 12em 0 0 0; } div#container{ position:relative; width: 760px; margin: 0 auto; text-align: left; /*border-left: 1px solid #36c; border-right: 1px solid #36c;*/ border: solid; border-width: 1px; border-color: #36c; background-color: white; } /*stili generici, su header e footer*/ div#header{ height: 80px; background-color:#FFFFFF; color: #ff0; text-align: center; } div#navigation{ width: 100px; float: left; text-align: left; text-decoration: none; border-right: 1px solid #36c; padding: 1 0 1 2em; } div#content{ /*margin-right: 13em; */padding: 1em; background-color: #fff } /*----------------------------------------------------------------------------*/ /*Stili per la navigazione */ /*----------------------------------------------------------------------------*/ div#navigation ul{ margin: 0 0 20px; padding: 0; list-style-type: none } div#navigation ul a{ display:block; width: 90px; color: #0066CC; font-weight:bold; text-decoration: none } div#navigation ul a:hover{ background-color: #ffcb31; color: #0066CC; display:block; line-height:14px; padding-left:5px; } div#navigation ul a#activelink{ color: #0066CC; text-decoration: none } quando lo utilizzo in una pagina, di seguito vi mostro un esempio di pagina: <?php //attivo la sessione session_start(); ?> <html> <head> <title>LogIn</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="template/my_css.css"> </head> <body> <div id = "container"> <div id = "header"> <table border = "0" align="center"> <tr> <td><img class = "contenitore" src="immagini/banner.jpg"></td> </tr> </table> </div> <div id="navigation"> <ul> <li><a id="activelink" href="#">Home</a></li> <li><a href="#">Pillole</a></li> <li><a href="#">Contenuti</a></li> <li><a href="#">Grafica</a></li> <li><a href="#">Linguaggi</a></li> <li><a href="#">Webdesign</a></li> <li><a href="#">Software</a></li> <li><a href="#">Contenuti</a></li> <li><a href="#">Grafica</a></li> <li><a href="#">Linguaggi</a></li> <li><a href="#">Webdesign</a></li> <li><a href="#">Software</a></li> </ul> </div> <div id = "footer"> </div> <table border = "0" align="center"> <tr> <td><img class = "contenitore" src="immagini/downpage.jpg"></td> </tr> </table> </div> </div> </body> </html> Questa mi da problemi in visualizzazione. Ossia: - In explore funziona tutto alla perfezione l'immagine di testa e quella di piede mi si visualizzano una in cima e l'altra alla fine del documento, mentre in firefox questa mi viene spostata di vianco al menu a meno che non inserisca una serie di <br> nel div content. - Il bordo della pagina in explore viene visualizzato correttamente, mentre in firefox, viene visualizzato fin sotto alla immagine di testa e poi mi taglia il menu. ora mi chiedo come mai no funziona, qualcuno mi sa dare una mano?? come faccio a far si che se aggiungo qualche cosa collegamento al menu, anche la pagina e il relativo bordo attorno a tutta la pagina mi viene visualizzato e si allunghi automaticamente.. sperando di essere stato abbastanza chiara .. ringrazio anticipatamente
___________________________________
Ciò che molti non capiscono è una banalità per altri.. ------------------------------------------------------ siederò sulla sponda del fiume aspettando che passi il tuo cadavere. |
27-12-2006, 12.49.16 | #2 |
Junior Member
Registrato: 30-05-2006
Messaggi: 105
|
Scusate.. per l'attesa ma il codice è questo ..
/* STILE DEDICATO ALL'IMPAGINAZIONE DELLA PAGINA PIU I VARI STILI PER LA NAVIGAZIONE */ html,body{ margin:0; padding:0; } body{ font: 12px arial,sans-serif; text-align:center; } div#header{ height: 67px; color: #79B30B; background-image: url(../immagini/banner.jpg); } /* FORMATAZIONE DI LAYOUT */ div#container{ text-align:left; } div#navigation{ background: #FFFFFF; } div#footer{ height: 25px; background-image: url(../immagini/downpage.jpg); } /* STILI DI LAYOUT 2 di 2 */ div#header{ margin-top: 10px; width : 100%; } div#container{ width:750px; margin:0 auto; border: solid; border-width: 1px; border-color: #36c; background-color: white; } div#content_index{ float:center; width:750px; } div#content{ float:right; width:570px; } div#navigation{ float:left; width:167px; padding-left: 5px; } div#footer{ clear:both; width:100%; margin-bottom: 10px; } /*----------------------------------------------------------------------------*/ /*Stili per la navigazione */ /*----------------------------------------------------------------------------*/ div#navigation ul{ margin: 0 0 20px; list-style-type: none; padding-left: 5px; } div#navigation ul a{ display : block; width: 155px; padding-left: 5px; } div#navigation ul a:hover{ display : block; width: 155px; background-color: #ffcb31; padding-left: 5px; border : 1px solid #c00; } div#navigation ul a#activelink{ color: #0066CC; text-decoration: none; } .textfot{ font: 9px arial,sans-serif; background-color: #ffcb31; text-decoration: none; color: #0066CC; float : left; margin-top : 20px; margin-bottom: 0px; margin-left: 0px; height : auto; } con la relativa pagina html html> <head> <title>LogIn</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="template/impaginazione.css"> <link rel="stylesheet" type="text/css" href="template/input.css"> <link rel="stylesheet" type="text/css" href="template/varie.css"> </head> <body> <div id="container"> <div id="header"> </div> <div id="wratter"> <div id="content_index"> </div> </div> <div id="footer"> </div> </div> </body> </html>
___________________________________
Ciò che molti non capiscono è una banalità per altri.. ------------------------------------------------------ siederò sulla sponda del fiume aspettando che passi il tuo cadavere. |
27-12-2006, 12.50.11 | #3 |
Junior Member
Registrato: 30-05-2006
Messaggi: 105
|
Ho risolto con il codice sopra.. =)
___________________________________
Ciò che molti non capiscono è una banalità per altri.. ------------------------------------------------------ siederò sulla sponda del fiume aspettando che passi il tuo cadavere. |
Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti) | |
Strumenti discussione | |
|
|
Discussioni simili | ||||
Discussione | Autore discussione | Forum | Risposte | Ultimo messaggio |
Problemi gravissimi col PC | n3XuS | Hardware e Overclock | 22 | 01-10-2005 21.08.16 |
problemi con floppy - penna usb - lettore cd | Alberto.m | Windows 7/Vista/XP/ 2003 | 2 | 07-02-2005 14.41.54 |
problemi con floppy penne usb e lettore cd | Alberto.m | Windows 9x/Me/NT4/2000 | 2 | 06-02-2005 20.46.53 |
Problemi download | bovirus | Discussioni su WinTricks | 1 | 09-03-2004 11.52.50 |
PROBLEMI UTILIZZO FDISK SU WIN XP | m@uri | Windows 7/Vista/XP/ 2003 | 4 | 08-03-2004 23.26.23 |