[HTML/CSS] IE non visualizza codice valido..

03-07-2007, 11.06.00

Ciao ragazzi, qualucuno ha idea del perchè non venga visualizzato questo codice in IE?

Codice:

body {
	margin				: 0px;
	padding				: 0px;
	margin-top			: 50px;
	}
	
#cont {
	width				: 655px;
	height				: 100%;
	}

#menu {
	position			: absolute;
	width				: 140px;
	height				: 400px;

	}

#main{
	width				: 514px;
	margin-left			: 140px;
	float				: right;
	background			: white;
	border-right		: 1px solid #999999;
	border-top			: 1px solid #F0F0F0;
	border-left			: 1px solid #F0F0F0;
	height				: 100%;
	padding-left		: 0px;
	}
	
/************************************ MENU */
h5 {
	margin				: 0px;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 1.5em;
	color				: #FF0099;
	display				: block;
	border-bottom		: 1px solid #999999;
	padding-left		: 2px;
	letter-spacing		: 10px;
	}
	
.nav {
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 1em;
	color				: #E0E0E0;
	display				: inline;
	letter-spacing		: normal;
	}

.n {
	letter-spacing		: normal;
	}

div#menu ul {
	list-style			: none;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 0.7em;
	color				: #000000;
	margin				: 5px;
	display				: block;

	}

div#menu li {
	line-height			: 20px;
	}

div#main_cont {
	padding				: 20px;
	}
	
.access {
	color				: #999999;
	position			: absolute;
	display				: inline;
	float				: right;
	font-size			: 0.8em;
	font-family			: Monotype;
	margin				: 0px;
	margin-top			: -22px;
	margin-left			: 90px;
	}

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>mySkedO.it - Web developer ancora in erba..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/general.css" rel="stylesheet">
</head>

<body>
								<!-- OPEN // Contenitore -->
<div id="cont"> 
								<!-- OPEN // Menu -->
	
	
  <div id="menu"> 
    <h5><span class="nav">./[</span><span class="n">N</span><span class="nav">]</span>AV</h5>

    <ul>
      <li>HOME<span class="access">[H]</span></li>
      <li>ABOUT<span class="access">[A]</span></li>
      <li>PORTFOLIO<span class="access">[P]</span></li>
      <li>CREDIT<span class="access">[C]</span></li>

    </ul>
    <h5><span class="nav">./[</span><span class="n">L</span><span class="nav">]</span>AB</h5>
    <ul>
      <li>TUTORIAL<span class="access">[T]</span></li>
      <li>IMAGES<span class="access">[M]</span></li>

      <li>PROJECT<span class="access">[P]</span></li>
    </ul>
  </div>

								<!-- CLOSE // Menu -->
								<!-- OPEN // Contenuti -->
	<div id="main">
	
			<div id="main_cont">

			
			main
			
			</div>
	
	</div>

								<!-- CLOSE // Contenuti -->								
								
								
</div>
								<!-- CLOSE // Contenitore -->
</body>
</html>

lo trovate anche QUI

03-07-2007, 13.19.18

uhm... colpa dell'attributo width impostato nel selettore #cont, rimuovendolo in parti risolvi.. poi sorgono altre problematiche dovute a float impostati, posizionamenti non assegnati, insomma il css che risolve il problema è:

Codice:

body {
	margin				: 0px;
	padding				: 0px;
	margin-top			: 50px;
	}
	
#cont {
	height				: 100%;
	}

#menu {
	position			: absolute;
	width				: 140px;
	height				: 400px;
        left: 0;
	}

#main{
	width				: 514px;
	margin-left			: 140px;
	background			: white;
	border-right		: 1px solid #999999;
	border-top			: 1px solid #F0F0F0;
	border-left			: 1px solid #F0F0F0;
	height				: 100%;
	padding-left		: 0px;
	}
	

h5 {
	margin				: 0px;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 1.5em;
	color				: #FF0099;
	display				: block;
	border-bottom		: 1px solid #999999;
	padding-left		: 2px;
	letter-spacing		: 10px;
	}
	
.nav {
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 1em;
	color				: #E0E0E0;
	display				: inline;
	letter-spacing		: normal;
	}

.n {
	letter-spacing		: normal;
	}

#menu ul {
	list-style			: none;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 0.7em;
	color				: #000000;
	margin				: 5px;
	display				: block;

	}

#menu li {
	line-height			: 20px;
	}

#main_cont {
	padding				: 20px;
	}
	
.access {
	color				: #999999;
	position			: absolute;
	display				: inline;
	float				: right;
	font-size			: 0.8em;
	font-family			: Monotype;
	margin				: 0px;
	margin-top			: -22px;
	margin-left			: 90px;
	}

poi però devi verdertela te con la compatibilità di alcuni dettagli in IE.

Saluti

03-07-2007, 16.06.36

Originalmente inviato da KeeperArt

uhm... colpa dell'attributo width impostato nel selettore #cont, rimuovendolo in parti risolvi.. poi sorgono altre problematiche dovute a float impostati, posizionamenti non assegnati, insomma il css che risolve il problema è:

poi però devi verdertela te con la compatibilità di alcuni dettagli in IE.

Saluti

Sono proprio un vecio arrugginito

Discussione: [HTML/CSS] IE non visualizza codice valido..

LinkBack

Strumenti discussione

Display

[HTML/CSS] IE non visualizza codice valido..

Regole di scrittura