Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271

    [CSS] Problema con Mozilla e Netscape

    La pagina e` questa, perfettamente visibile con IE 6.0 e Opera 7.11 ma c'e` un problema con Mozilla 1.4 e Netscape 7.1. I possessori di questi ultimi due browser potranno notare una linea verticale sopra la I di "In costruzione": e` il bordo sx della colonna dx che supera il box principale. Il css ha superato la validazione w3c, come si spiega?

    codice:
    body { 
    	font:100% verdana,helvetica,sans-serif; 
    	margin:0;
    	padding:0;
    	text-align:center;
    }
    
    #testa {
    	position: relative; 
    	background:#739cc6; 
    	border:2px solid #000; 
    	padding:1em 0; 
    	width:780px;
    	margin:1em auto;
    	text-align:left;
    }
    
    #corpo { 
    	position:relative; 
    	background:#739cc6; 
    	border:2px solid #000;
    	width:780px;
    	height:390px;
    	margin:1em auto;
    }
    
    #corpo-colonna1 { 
    	position:absolute; 
    	top:0;
    	left:10px;
    	padding:1em 1em;
    }
    
    #corpo-colonna2 {
    	position:relative; 
    	margin:0 0 0 150px; 
    	border-left:1px solid #000; 
    	padding:1em 1em;
    	text-align: justify;
    	height:390px;
    }
    
    #logoscin {
    	position: absolute;
    	left: 50%; 
    	z-index: 1;
    	margin-left: -153px;
    	margin-top: 0px; 
    }
    
    #logoccna {
    	position: relative;
    	left: 1%; 
    	z-index: 1;
    
    }
    
    #logoapache {
    	position: absolute;
    	right: 15%; 
    	z-index: 1;
    
    }
    
    #logomysql {
    	position: absolute;
    	right: 1%; 
    	z-index: 1;
    
    }
    
    #logophp {
    	position: absolute;
    	left: 13%; 
    	z-index: 1;
    }
    
    #menu1 {
    	position:absolute;
    	top:50px;
    	left:0%;
    	z-index: 1;
    }
    
    #menu2 {
    	position:absolute;
    	top:125px;
    	left:0;
    	z-index: 1;
    }
    
    #menu3 {
    	position:absolute;
    	top:200px;
    	left:0;
    	z-index: 1;
    }
    
    #menu4 {
    	position:absolute;
    	top:275px;
    	left:0;
    	z-index: 1;
    }
    
    
    .sign {
    	font-family: Verdana, Arial, Helvetica;
    	font-size: 20px;
    	text-align: center;
    
    }

  2. #2
    linkami la pagina!
    Think global, act local.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271
    Eh? L'ho gia` linkata.. cmq e` qua

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271
    ^

  5. #5
    mi sa che è un problema di box modeled domani ci do un occhiata
    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271
    Grazie! Sta cosa mi sta facendo perdere i capelli (quei pochi che mi son rimasti). Tra l'altro sto curiosando col css/html validator e per ora sembro aver superato tutto (bella forza, son 4 righe in croce). Apro un thread al riguardo.

    Edit: come non detto, non ho ben capito cos'ho fatto ma anche con Opera 7.11 ho lo stesso problema. Nonostante abbia superato la validazione css w3c (che comunque suppongo si basi solo sulla forma e non sul contenuto), IE sembra essere l'unico ad accettare questo mio introvabile errore. Lascio la pagina cosi` com'e` e attendo buone notizie!

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271
    ^

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    1,271
    Box model vero? Non box modeled. Sto indagando..

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 © 2025 vBulletin Solutions, Inc. All rights reserved.