Problemi index visualizzazione Mozilla / IE 7

[lostboy]

Buonasera a tutto il forum

Ora, se avete tempo,e vi ringrazion fin d'ora, il problema è questo :

la differente visualizzazione, ovviamente imputabile al css, della home del sito (Http://thelostboy.netsons.org/Home/index2.php) tra i 2 browser citati nel titolo.

In IE 7, non capisce che deve visualizzare il contenuto centrale a top 100,(lo interpreta a top:0, e quindi va sotto l'header e non si vedono alcune cose tipo immagini ecc.), stessa cosa per il bottom, anche l' il contenuto centrale occupa tutta la pagina, andando anche quindi sotto il footer...

In Mozilla, tutto perfetto, ma compare una barra bianca dopo l'header...

Tutte le pagine sono validate perfettamente dal w3c, e anche il css.

Mi potete aiutare per favore?

Grazie.

Posto il codice che sembra contenere l'errore (penso sia all'interno di questo codice l'errore) :

/* impostazioni layout */

/* html e body */

html{
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:76%;
font-family:"georgia, palatino linotype, times new roman, serif";
color:#FFFFFF;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;
/* */
}

body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}
body A:link {
text-decoration:none;

BACKGROUND-COLOR: #000000;
COLOR: #FFFFFF;
}

body A:hover {
BORDER-TOP: #ECA722 1px solid;
BORDER-bottom: #FF0000 1px solid;
BACKGROUND-COLOR: #000000;
COLOR: #FFFFFF;
}


body A:visited {
text-decoration:none;

BACKGROUND-COLOR: #000000;
COLOR: #FFFFFF;
}
/* header */


#header {
position:absolute;
margin-left:15%;
margin-right:15%;
top:0;
left:0;
display:block;
width:70%;
height:80px;
z-index:5;

}

#bordo_header_superiore
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:10px;
z-index:5;

}


#header_sx{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;

}

#header_preferiti_ecc{
height:100%;
position:absolute;
left:0;
top:10px;
width:10%;
z-index:5;
overflow:auto;
}


#header_cen{
height:100%;
position:absolute;
left:0;
top:10px;
width:60%;
z-index:5;
overflow:auto;
}


#header_bordo_cen{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;
}


#header_login{
height:100%;
position:absolute;
left:0;
top:10px;
width:24%;
z-index:5;
overflow:auto;
}



#header_dx{
height:100%;
position:absolute;
left:0;
top:10px;
width:2%;
z-index:5;
overflow:auto;
}

#header_sx {
left:0;
}

#header_preferiti_ecc {

left:2%;

}

#header_cen {
left:12%;
}


#header_bordo_cen{
left:72%;
}

#header_login {
left:74%;

}

#header_dx {
left:98%;

}

div#bordo_sup {
position:absolute;
margin-left:15%;
margin-right:15%;
top:80px;
left:0;
display:block;
width:70%;
height:20px;
z-index:5;

}

/*contenuto centrale */


#bordo_sx{
margin-left:15%;
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

#content{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:48%;
z-index:4;
overflow:auto;
}

#bordo_cen{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

#sidebar{

position:absolute;
left:0;
top:105px;
bottom:50px;
width:16%;
z-index:4;
overflow:auto;
}

#bordo_dx {
position:absolute;
margin-right:15%;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

* html #bordo_sx, * html #content, * html #bordo_cen, * html #sidebar, * html #bordo_dx {
height:100%;
top:0;
bottom:0;

}
#bordo_sx {
left:0;

}
#content {
left:17%;
}
#bordo_cen {
left:65%;
}
#sidebar {
left:67%;
}

#bordo_dx {
left:83%;
}

.inner {
display:block;
padding:0 10px 10px 10px;
}

.bold {
font-size:1.5em;
font-weight:bold;
}

/* footer */

#footer {
position:absolute;
margin-left:15%;
margin-right:15%;
bottom:0;
left:0;
display:block;
width:70%;
height:50px;
z-index:5;
text-align:center;
color:rgb(157,78,84);
}

[lostboy]

Nessuno che mi può aiutare?Per favore, è importante...

[Mich_]

Il link non funziona (sembra un errore di sintassi nella seconda parte dell'indirizzo), e il codice cosi` postato e` molto lungo e difficile da decifrare.

Se posti una parte del codice, quella che ritieni contenga l'errore, e lo posti usando gli appositi tag del forum (li ottieni premendo i bottoni # oppure PHP sopra la textarea di input), puo` darsi che si possa capire qualcosa.

Sarebbe anche utile controllare la sintassi con i validatori (validatore HTML e validatore CSS): ho notato errori di sintassi nel pezzo postato.

[lostboy]

Il codice che da problemi è questa porzione :


/*contenuto centrale */


#bordo_sx{
margin-left:15%;
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

#content{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:48%;
z-index:4;
overflow:auto;
}

#bordo_cen{
position:absolute;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

#sidebar{

position:absolute;
left:0;
top:105px;
bottom:50px;
width:16%;
z-index:4;
overflow:auto;
}

#bordo_dx {
position:absolute;
margin-right:15%;
left:0;
top:105px;
bottom:50px;
width:2%;
z-index:4;
overflow:auto;
}

* html #bordo_sx, * html #content, * html #bordo_cen, * html #sidebar, * html #bordo_dx {
height:100%;
top:0;
bottom:0;

Come ripeto sopra (spero di averrlo scritto, sennò scusami sono deficiente io :-)) tutto la pagina principale e le altre pagine sono validate perfettamente, così come il css.

Mi puoi aiutare?Ti ringrazio da ora

[Mich_]

Il CSS del primo post contiene dei selettori che non esistono. Sono riconosciuti da alcuni brwoser, ma non necessariamente.
Ad esempio:

body A:hover {

non individua nulla, dato che il tag <A> non esiste nei browser moderni, e il CSS e` case sensitve.

Poi se ti chiedo di postare usando i VBCode del forum non e` un mio sfizio, e` per capire meglio. Con il codice non indentato si perdono molte cose.

Terzo: manca il codice HTML che utilizza quel CSS: senza quello non si puo` dire nulla.

Quarto: ci sono dei selettori "strani", che sembrano piu` degli hack che delle cose serie: o spieghi perche` li usi, o non ha senso stare a discutere.

[lostboy]

Emh il css in questione è fonte di vari adattamenti, ed è fatto in modo ( o almeno è quello lo scopo che vorrei) per essere compatibile con + browser possibili.
Il codice html, lo vuoi delle singole pagine che compongono la index (impossibile postarlo tutto) oppure della index totale?

Perchè io uso una index2.php, che carica tutti gli elementi, a parte il content che di volta in volta cambia...

Ti posto intanto il codice di questa pagina...

index2.php

<?php
// get della variabile che contiene dinamicamente al pagina centrale
$file = $_GET['file'];

// header
include 'header.php';

//pagina centrale

//se non trovo $file o è vuota, carica la home di default
if ($file == $null) 
     {
       include 'home.php';

       
     } 
//altrimenti carica la pagina contenuta in $file
else {
       include $file;
     }
     
     
// bordo_cen,sidebar,bordo_dx

include 'sidebar.php';

//footer
include 'footer.php';
?>

Fammi sapere se ti serve il codice delle altre pagine, mi scuso per gli errori sopra, e ti ringrazio fin d'ora per l'aiuto fino a qua prestatomi.

[Mich_]

Il PHP non interessa. Ho chiesto il codice HTML.

Quello che serve e` cio` che arriva al browser. Prova a cliccare con il destro e selezionare "visualizza sorgente" (o simile). Serve il codice HTML del pezzo di cui hai postato il CSS, naturalmente.

[lostboy]

OK scusami pensavo volessi il codice html delle pagine...Asp, ecco il codice di quello che arriva al browser (Firefox):

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="it">
<head>
	<title>The Lost Zon3</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
	<link href="../../data/css/style.css" type="text/css" rel="stylesheet">
	<LINK REL="shortcut icon" HREF="../../data/img/Home/favicon.ico">
	<script language="javascript" src="../../data/js/scrittebrowser.js" type="text/javascript"></script>
	<script language="javascript" src="../../data/js/preferiti.js" type="text/javascript"></script>

	<script language="javascript" src="../../data/js/pagina iniziale.js" type="text/javascript"></script>
	<script language="javascript" src="../../data/js/schermo intero.js" type="text/javascript"></script>
	<script language="javascript" src="../../data/js/liveclock2.js" type="text/javascript"></script>
	<script language="javascript" type="text/javascript">
		document.oncontextmenu = function() {return false;};
	</script>
</head>
<body>
<div id="header">

		<div id="bordo_header_superiore">

		</div>
		
		<div id="header_sx">
		</div>
		
		<div id="header_preferiti_ecc">
				
				<a href="javascript:homepage()">
					[img]../../data/img/Home/home.gif[/img]</a>
				



				<a href="javascript:window.external.AddFavorite(location.href,document.title)">
					[img]../../data/img/Home/preferiti.gif[/img]

				</a>
		</div>
		
		<div id="header_cen">
		
				



				<p align="center">
					<script language="javascript" type="text/javascript">
						new LiveClock('arial','2','#ffffff','#000000','','','450','0','1','0','4','null');
					</script>
				</p>
  		</div>

		
		<div id="header_bordo_cen">
		</div>
		
		<div id="header_login">
										

					<form method='post' action='index2.php' style="display:inline">
							<input type="text" name="nick" style="border:none" size="5" value="NICK">
							<input type="submit" class="bottone" value="ENTRA  ">

							<input type="password" name="pwd" style="border:none" size="5" align="right" value="PASS :">
					</form>

					
					<form method="post" action="?file=../registrazione.php" style="display:inline">
							<input name="reg" class="bottone" type="submit" value="NUOVO">
					</form>
				
											  </div>
	<div id="header_dx">
	</div>
</div>
<div id="bordo_sup">
</div>

<div id="bordo_sx">

</div>

<div id="content">

			<div class="inner">
					<p align="center">[img]../../data/img/Home/welcome.GIF[/img]</p>
					



					<p align="center">Benvenuti su questo sito,</p>
							





							
							
							un sito a tema personale , creato sia per dimostrazione delle competenze acquisite

 nei vari linguaggi di programmazione (Php, Asp, 
							Html, 
							Javascript, CSS),

 sia con lo scopo di racchiudere in un solo sito

 tutto quello che mi riguarda.
							Il linguaggio dinamico Php si occupa in questo caso del caricamento delle pagine emulando la struttura a frames nel linguaggio CSS, mentre 
							quest'ultimo si occupa della grafica del sito, mantenendo un ottimo grado di compatibilità tra i vari browser alle diverse risoluzioni 
							dell'utente che naviga.
							
							Ai linguaggi Javscript e Html è dedicata, rispettivamente, la gestione degli script (piccole porzioni di codice che aggiungono molte 
							iteressanti 
							funzionalità), e la struttura a grandi linee delle pagine visualizzate (richiamo degli elementi definiti dal codice CSS)
							
							Il sito comprende un Blog personale, un Forum dove ritrovarsi e discutere, una Shout-Box a fianco per lasciare commenti o chattare 
							velocemente, ed un'Area Privata: per quest'ultima, è necessaria un'autorizzazione speciale, causa il contenuto, mentre epr le altre aree è 
							sufficiente  una registrazione veloce, che mi manderà un riepilogo ed una conferma via email, all'indirizzo che inserirete.
							
							Divertitevi nel visitarlo , 

e se volete lasciate pure un commento o un'impressione
							
							Tutto il materiale presente è protetto da Copyright by The L0st Zon3, per eventuali richieste mandate un email all'indirizzo riportato nei 
							contatti.
							






							Grazie.
							


							 - Lost Boy  - 
							Passa a : Prova pagina 2
							Passa a : About prova 2
							Passa a : Cataloghi (beta)
							Passa a : Blog prova 2
			</div>

</div>

<div id="bordo_cen">
</div>

<div id="sidebar">
<p align="center">
[img]../../data/img/Home/News.GIF[/img]
</p>
					






<p align="center">

[img]../../data/img/Home/Shout-Box.GIF[/img]
</p>
					

				

</div>

<div id="bordo_dx">
</div>


<div id="footer">

			

2007 - The Lost Zone - 2007</p>



</div>


</body>

</html>

Grazie davvero per la diponibilità!

[lostboy]

Emh ci sei ancora?

[lostboy]

Quando puoi fatti sentire se puoi grazie, che sei la mia unica speranza su 5 forum....Grazie di cuore