div flottanti in Mozilla e Opera

**Freax** · 12-10-2006, 23:56

salve ragazzi , ho un piccolo problemino con il mio nuovo layout per il mio nuovo sito ( andate qui e capirete http://www.emanuelecestari.it/prova/index.html ) e volevo un aiutino da parte vostra , eccovi il codice HTML & CSS :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html>
<head>
<title>Layout di prova</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="img/ico.gif" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="layout.css"/>
<link rel="stylesheet" type="text/css" href="formattazione.css"/>
<link rel="stylesheet" type="text/css" href="menu.css"/>
</head>
<body>
<div id="wrapper_pagina">
   <div id="pagina">
          <div id="wrap_intestazione">
		      <div id="intestazione">
                 <div id="text_intestazione">
			      <h1>Titolo del sito</h1>
			      <h2>sottotitolo del sito</h2>
				 </div>
				 <div id="img_intestazione">
				  [img]img/logo.gif[/img]
				 </div>
			  </div> 
		  </div>
   </div>
</div>
</body>
</html>

il CSS del layout

codice:

html{
margin:0;
padding:0;
background-color:#6699cc;
}

body{
margin:0;
padding:0;
}

div#wrapper_pagina{
margin:0;
padding:0;
width:100%;
text-align:center;
}

div#pagina{
margin:0 auto;
margin-top:3%;
padding:0;
width:70%;
background-color:#ffffff;
border:1px solid #eeeeee;
}

div#wrap_intestazione {
margin:0;
padding:0;
width:100%;
clear:both;
}

div#intestazione {
margin:0;
padding:1%;
width:100%;
clear:both;
}

div#text_intestazione {
margin:0;
padding:0;
float:left; /*il div con il testo flotta a sx*/
text-align:left;
}

div#img_intestazione {
margin:0;
padding:0;
float:right; /*il div con il logo flotta a dx*/
text-align:right;
}

il CSS di formattazione degli elementi nella pagina

codice:

div#intestazione {
font-family:Georgia sans-serif;
}

div#intestazione h1 {
margin:0;
padding:0;
font-weight:normal;
font-size:200%;
}

div#intestazione h2 {
margin:0;
padding:0;
font-weight:normal;
font-size:120%;
}

img#logo {
margin:0;
padding:0;
border:0;
}

stranissimo è il fatto che per la prima volta da quando mi occupo di fare siti , il tutto funziona bene in IE (o perlomeno come voglio io) mentre non ne vuole sapere in Mozilla FF e Opera .

per vedere la pagina realizzata andate qui http://www.emanuelecestari.it/prova/index.html

come vedete Mozilla e Opera non visualizzano bene il testo e l'img mentre tutto ok con IE , cosa c'è di sbagliato ? ci vuole un hack ?

**Freax** · 13-10-2006, 00:14

mi rispondo da solo nel caso servisse anche ad altri : ho risolto con un overflow:hidden dato al div#wrap_intestazione

grazie dell'attenzione cmq

Discussione: div flottanti in Mozilla e Opera

Strumenti discussione

Ricerca discussione

Visualizza

div flottanti in Mozilla e Opera

Permessi di invio