Visualizzazione dei risultati da 1 a 5 su 5

Discussione: bordo non funzionante

  1. #1

    bordo non funzionante

    Questa è la pagina
    http://www.paesaggioitaliano.eu/fluido.html

    Ho impostato il bordo di 1px color bianco al lato destra e sinistra sia per head, il content e il foot.
    Per il foot e il content funziona e si vede il bordo bianco.
    Per l'head il bordo bianco non si vede.
    perchè

    Ecco il codice css:

    codice:
    html {
    	height:100%; 
    	max-height:100%; 
    	padding:0; 
    	margin:0; 
    	border:0; 
    	background:rgb(0,0,0);
    	/* hide overflow:hidden from IE5/Mac */ 
    	/* \*/ 
    	overflow: hidden; 
    	/* */ 
    	}
    
    body {
    	height:100%; 
    	max-height:100%; 
    	overflow:hidden; 
    	padding:0; 
    	margin:0; 
    	border:0px;
    	background:rgb(0,0,0);
    	}
    
    #content {
    	display:block; 
    	overflow:auto; 
    	position:absolute; 
    	z-index:3; 
    	top:102px; 
    	bottom:20px; 
    	width:1019px; 
    	margin-left:-510px; 
    	left:50%; 
    	border-left:1px solid #fff;
    	border-right:1px solid #fff;
    	border-top:0px solid #fff;
    	border-bottom:2px solid #fff;
    	background:red;
    	}
    #content img {display:block;}
    * html #content {
    	top:0; 
    	bottom:0; 
    	height:100%;
    	width:1021px;
    	border-top:102px solid #fff; 
    	border-bottom:22px solid #fff;
    	}
    
    #head {
    	position:absolute; 
    	margin-left:-510px; 
    	left:50%; 
    	top:0; 
    	width:1019px; 
    	min-width:1019px; 
    	background:green; 
    	z-index:5; 
    	border-top:0;
                  border-left:1px solid #fff;
    	border-right:1px solid #fff;
                  border-bottom:0;
    	}
    
    * html #head {
    	top:0px; width:1021px;
    	}
    
    
    #foot {
    	position:absolute; 
    	margin-left:-510px; 
    	left:50%; 
    	bottom:0; 
    	width:1019px; 
    	min-width:1019px; 
    	height:20px; 
    	background:green;
    	z-index:5; 
    	border-top:0;
                  border-left:1px solid #fff;
    	border-right:1px solid #fff;
                  border-bottom:0;
    	}
    
    * html #foot {
    	bottom:0px; width:1021px; height:19px;
    	}

  2. #2
    un aiuto?

  3. #3
    Sinceramente nn capisco molto il codice che hai utilizzato per il tuo CSS, mi sembra un pochetto incasinato...

    Non e' che ci sono problemi con i posizionamenti assoluti e con gli z-index che hai utilizzato?
    WordPress AndMore - Apprendiamo WordPress Facilmente!

  4. #4
    No, il codice non è incasinato e i z-index sono corretti.

    Non riesco a impostare e far vedere i bordi nell'head
    questo è l'unico problema

  5. #5
    Scusa ma personalmente nn posso darti una mano, nn ho mai utilizzato i posizionamenti assoluti, e secondo me i problemi nascono da quelli...

    Per spiegarmi meglio, c'e' qualcosa posizionato sopra all'head che nn ne permette di vedere i bordi impostati... Altrimenti non saprei...
    WordPress AndMore - Apprendiamo WordPress Facilmente!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.