CSS firefox/explorer

**Ale407** · 20-07-2007, 10:04

Salve,

ho un problemino di output, diverso per firefox ed explorer (tutt'e due all'ultima release).

Questa pagina html con il css all'interno. Nel css si specifica che #menucontainer ha posizione relative, e dovrebbe quindi apparire a dx di #barsx, e il suo sfondo (background-image: url(../images/menu-background.gif)

e contenuto dovrebbero essere anche loro a dx di #barsx.

Ma se in explorer tutto ciò avviene senza problemi, con firefox il contenuto sta a dx di #barsx, mentre lo sfonfo di #menucontainer si sovrappone a #barsx.

Qualcuno conosce un metodo pr aggirare l'ostacolo?

Grazie, Ale.

Riporto il codice:

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" />
<style type="text/css">
/************* CONTAINER *************/

#container{
	margin: 0px auto;
	width: 790px;
	height: 500px;
}

/************* FINE CONTAINER *************/

/************* BARSX *************/

#barsx{
	float:left;
	width: 205px;
	padding-top: 55px;
}

/************* FINE BARSX *************/

/************* MENU *************/

#menucontainer{
	background-image: url(../images/menu-background.gif);
	height: 500px;
	width: 180px;
}

#menu{
	position: relative;
	top: 150px;
}



/************* FINE MENU *************/
</style>
</head>

<body>

<div id="container">
<div id="barsx">
[img]images/sx-bar.gif[/img]<div align="center" style="font-size:9px"></div></div>
<div id="menucontainer">
<div id="menu">
CONTENUTO MENU......
</div>
</div>
</div>


</body>
</html>

**Ale407** · 20-07-2007, 11:39

qualche idea?

**Myaku** · 20-07-2007, 13:27

Bè, non è che nel giro di un'ora e mezza puoi pretendere risposta ... la gente lavora anche

Comunque, tornando al tuo problema

1. è FF quello che interpreta il codice nella maniera giusta. Se vedi bene con IE, non significa che il tuo codice non contenga errori
2. non mi sono soffermata a lungo su quello che hai postato, però vedo che hai usato elementi con float ma non vedo nessun clear
Cyà

**Ale407** · 20-07-2007, 14:29

Scusa il secondo post, è che avevo il cliente con il fiato sul collo...

Metto giù la domanda il altro modo..

Se ho 3 div (con id 1,2 e 3) e voglio che vengano visualizzati orizzontalmente uno affianco all'altro in ordine, che attributi posso usare?

Grazie

**Myaku** · 20-07-2007, 18:58

devi usare i float, ma il posizionamento con float richiede che poi ci usi anche il clearing, altrimenti il layout non si comporta come ti saresti aspettato.
Se consulti una qualsiasi guida ai css degna di tale nome, ti verrà spiegato. Puoi iniziare con il guardare tra le guide di html.it

Cyà

Discussione: CSS firefox/explorer

Strumenti discussione

Ricerca discussione

Visualizza

CSS firefox/explorer

Permessi di invio