Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154

    Menù orizzontale al 100%: strano comportamento di FF.

    Ciao,
    ho notato un prolema con width in FF.
    Praticamente voglio creare un menù orizzontale contenuto all'interno di un <div> contenitore con width:100%;
    Non appena il browser si ridimensiona, ecco che le singole voci del menù mi vanno a capo una sotto l'altra. Credevo fosse bello semplice il discorso, quindi per fare una prova ho utilizzato il seguente HTML:

    Codice PHP:
    <div id="nav">
        [
    url="#null"]Il Gruppo[/url]
        [
    url="#null"]Attivit&agrave;[/url]
        [
    url="#null"]Governance[/url]
        [
    url="#null"]Responsabilit&agraveSociale[/url]
        [
    url="#null"]InvestorRelations[/url]
        [
    url="#null"]AreaMedia[/url]
    </
    div
    E poi ho scritto velocemente il CSS:

    Codice PHP:
    body {margin:0px;font-size:10px;color:#000000;font-family:arial;}
    divimg{position:relative;border:0px;float:left;}
    #container {width:100%;height:auto;}

    #nav {width:100%;height:auto;background-color:#bcc4d1;}
    a.voce-menu {padding:4px 4px;text-decoration:none;color:#000000;border-right:1px solid #ffffff;background:url(bg-voci.gif) bottom right no-repeat #e6e7eb;}
    a:hover.voce-menu {color:#ffffff;background:none #bcc4d1;} 
    Il problema con FF è che anche se rimpicciolisco in larghezza la finestra, ad un certo punto le varie voci del menù non vanno più a capo, ma spariscono nascoste dalla parte destra del browser. E non compare nemmeno lo scroll orizzontale!
    Invece su IE le voci vanno tutte a capo, e lo scroll orizzontale compare unicamente quanto la larghezza della finestra è troppo piccola per permettere la completa visualizzazione della voce più lunga del menù.
    Questo tipo di menù volevo utilizzarlo per testare un sito per supporto mobile, vista la differenza di dimensioni degli schermi da un dispositivo all'altro.
    E' un bug? E' colpa del codice che ho utilizzato? C'è speranza? Mi sono spiegato?
    Grassie,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

  2. #2
    il position serve proprio?
    comunque per iniziare fai un menù come si deve:
    codice:
    <ul>[*]  voce 1  [*]  voce 2  [/list]
    se hai un link è meglio, dalla spiegazione non ho capito un granchè.

  3. #3
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154
    Mh, effettivamente non ho provato a vedere come si comporta una lista.
    Adesso mi ci metto e poi vi faccio sapere se funzia.
    Grazie,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.