problema allineamento con firefox

**lukedesign** · 06-03-2008, 19:04

salve, da poco sto cercando di cimentarci con i css sto realizzando il mio sito ma c'è un problema: con IE6 si visualizza correttamente il layout ma con firefox non mi rispetta le dimensioni dei div e questo fa si che mi accavvalla tutti i contenuti..come devo fare? grazie mille

**gengix** · 06-03-2008, 19:09

Per prima cosa devi postare o un link di riferimento o il tuo codice, sia css che di struttura.
Altrimenti difficilmente gli utenti ti possono dare una mano =)

**lukedesign** · 06-03-2008, 19:12

codice:

body{
    background-color:#dddddd;
}

.Stile1 {
	color: #e10078;
	font-weight: bold;
}
.Stile2 {
	color: #e10078;
	font-style: italic;
}

h4{
 color: #e10078;
 }


#header{
    height: 190px;
    width: 800px;
}

#news{
    height: 200px;
    width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-image: url(immagini/sfondocont.png);
}

.fl { float: left; display: inline; }

#sidebar_left {
	width: 250px;
	height: 200px;
	border: 1px dotted #dddddd;
	background-image: url(immagini/news.png);
	background-repeat: no-repeat;
}


#sidebar_right {
	width: 545px;
	height: 200px;
	border: 1px dotted #dddddd;
}



#etichetta{
    height: 3px;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-left:10px;
	padding-right:10px;
}

#contenitore{
	height: 20px;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-left:10px;
	padding-right:10px;
	background-image: url(immagini/sfondocont.png);
}

#footer{
	height: 20px;
	width: 800px;
	background-color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../stile.css" />

<title>lukedesign</title>


</head>

<body>
<div align="center">
<div id="header">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="290" title="menu">
    <param name="movie" value="../menu.swf" />
    <param name="quality" value="high" />
    <embed src="../menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="290"></embed>
  </object>
</div>
<div id="news">
<div id="sidebar_left" class="fl">
    <script type="text/javascript">

//specify path to your external page:
var iframesrc="news.htm"

//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id="datamain" src="'+iframesrc+'" width="245px" height="170px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>')

  </script>
</div>
<div id="sidebar_right"  class="fl"></div>
</div>
<div id="etichetta"></div>
<div id="contenitore"></div>
<div id="footer">:: Powered & Developed by &copy; lukedesign 2008 all right reseved ::</div>
</div>
</body>
</html>

questo è il codice del css e del modello

**lukedesign** · 06-03-2008, 20:06

installando internet explorer 7 ho notato che anche con quest ultimo ci sono problemi..cosa che non accade con ie6

**lukedesign** · 07-03-2008, 00:26

up segnalo il link nel caso possa essere di maggior aiuto QUA

**gengix** · 07-03-2008, 10:02

Ci sono diverse imprecisioni nel tuo codice.
Prima di tutto hai il div #header che è alto 190px e contiene un oggetto flash alto 290px.
Questo nn ha senso, infatti il div almeno sulla mia macchina viene sfondato dal flash. Elimina l'altezza nel div in maniera che quest'ultimo automaticamente si adatti al contenuto, o dai al div
l'altezza dell'oggetto.
Elimina la classe .fl attribuita hai div "sidebar_left" e "sidebar_right",è inutile attribuire una classe a due div che hanno già un id perchè puoi ottenere lo stesso risultato con gli id stessi.
Nel css dai un float:left a "sidebar_left" eun float:right a "sidebar_right" riducendo la larghezza di uno dei due div.
Se ci sono ancora problemi controlla bene le proprietà dell'iframe, essendo un'elemento esterno può interferire con il flusso del documento.
Prova intanto con queste modifiche, ppoi vedi cosa succede.

**lukedesign** · 07-03-2008, 14:01

ho provato a fare come dici tu ma il mio browser non capisco xkè non mi aggiorna le modifiche.. ho tolto anche l iframe non si sa mai.. ma non capisco perchè non mi aggiorna non saprei se le modifiche siano andate a buon fine

**ResianTaxidrive** · 07-03-2008, 14:57

Pulisci la cache.

**lukedesign** · 07-03-2008, 15:02

fatto.. niente da fare

**gengix** · 07-03-2008, 15:08

A me le modifiche le ha prese...ovvero le news sono andate correttamente sotto l'header, purtroppo nn quale possa essere il problema sulla tua macchina.

Discussione: problema allineamento con firefox

Strumenti discussione

Ricerca discussione

Visualizza

problema allineamento con firefox

Permessi di invio