menu verticale in FF e orizzontale in IE

**dado4u** · 28-11-2006, 22:34

Salve.
Spero di aver postato nella sezione giusta, sto lavorando con il CMS Joomla e in particolare con il componente che permette di avere un sito multilingua.
Il fatto è questo: il predetto componente crea un menu (riempito poi con le corrispettive bandierine nazionali) che poi posso posizionare dove voglio nel template del sito.
Succede che questo menu mi si vede in verticale se sono con firefox, orizzontale se vado con internet explorer.

qui sotto c'è il codice css che segue il componente:

Codice PHP:


div.jflanguageselection

{

    float: right;

    vertical-align: middle;

    padding: 30px 20px 20px 20px;

    

}

 

/* language lists with UL (names & images) */



ul.jflanguageselection

{

    float: right;

      vertical-align: middle;

    list-style: none;

    padding: 0;

    margin: 0;

    font-size: 0.8em;

    display: inline;

}



ul.jflanguageselection li

{

    background-image: none;

    padding-left: 0px;

    padding-right: 0px;

    float: left;

    margin: 1px 1px 1px 1px;

    white-space: nowrap;

    border: none;

    display: inline;

}



ul.jflanguageselection li a

{

    margin: 10px 0pt 0pt 16px;

    display: inline;

}

Mi sto rompendo la testa quindi perchè FF lo deve mostrare in verticale e IE in orizzontale

A me serve solo in orizzontale!

Vi allego anche i due shot:

Firefox:

IExplorer:

**whiTe01** · 29-11-2006, 11:13

l'errore sta in IE, perke tu con ul crei una lista, quindi le bandierine vanno una sotto l'altra.

correggetemi se sbaglio

**Mich_** · 29-11-2006, 11:34

Originariamente inviato da whiTe01
l'errore sta in IE, perke tu con ul crei una lista, quindi le bandierine vanno una sotto l'altra.

correggetemi se sbaglio

Si`, ma nel codice i blocchi sono resi float, quindi vengono affiancati.

Non capisco il display:inline. Non dovrebbe servire, ma magari e` un hack per sistemare in IE.
Anche il vertical-align dovrebbe essere inutile applicato alle liste.

Dal codice CSS non vedo altri errori, ma per capire meglio, servirebbe il codice HTML.

**dado4u** · 01-12-2006, 14:26

Originariamente inviato da Mich_
Si`, ma nel codice i blocchi sono resi float, quindi vengono affiancati.

Non capisco il display:inline. Non dovrebbe servire, ma magari e` un hack per sistemare in IE.
Anche il vertical-align dovrebbe essere inutile applicato alle liste.

Dal codice CSS non vedo altri errori, ma per capire meglio, servirebbe il codice HTML.

il problema principale è che nel CMS Joomla sto usando un template (uguale quindi per tutte le pagine del sito), e il componente per il multilingua viene richiamato tramite modulo php nella pagina index.html

per esempio questa è un pezzo del mio index.php

Codice PHP:


<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site;?>/templates/attico/style/screen.css" title="default"/>

</head>

  <body>

    <div id="container">

    <div id="logo">

      </div>

      <div id="foto">

        <?php include("random.php"); ?>

      </div>

      <div id="menu">

         <ul id="nav">

        <?php mosLoadModules('left'); ?>   [/list]

      </div>

    <div id="sidebar">

    

<?php mosLoadModules('user3'); ?></p> //qui prendo il modulo per il multinguaggio

    



    </p>

non c'è altro...

**Mich_** · 04-12-2006, 10:24

Quando si affrontano problemi sul codice lato server (HTML, CSS, JS), non si puo` farlo partendo dal codice sorgente. Occorre vedere il codice che arriva al browser: e le inclusioni PHP vengono sostituite da altro codice. In pratica il browser non vede i pezzi <?php ...?>, ma vede cio` che il CMS inserisce al loro posto.
Se vai nel browser con la pagina visualizzata, premi il bottone destro del mouse e poi "visualizza sorgente" (o simile). Oppure posta un link alla pagina.

Discussione: menu verticale in FF e orizzontale in IE

Strumenti discussione

Ricerca discussione

Visualizza

menu verticale in FF e orizzontale in IE

Permessi di invio