Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di james
    Registrato dal
    Jun 2002
    Messaggi
    1,481

    position relative e left, ie non lo pensa proprio

    ho creato una pagina semplicissima

    Codice PHP:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    title>prova</title>
    <
    style type="text/css">
    html,body{
        
    margin0px;
        
    margin-top:1px;
        
    padding0;
        
    font-familyArialsans-serif;
        
    background-color:white;
    }

    div#test { margin: 0 auto; width: 760px; height:32px; }
    div#test ul { list-style: none; list-style-type:none; margin: 0; padding: 0; border: 0; position:relative; left:66px;  }
    div#test ul  li { margin: 0; display: inline; }
    div#test ul  li a {
        
    displayblock;
        
    margin6px 2px 0 2px;
        
    width33px;
        
    height22px;
        
    float:left;
        
    border1px solid black;
    }

    div#container{
        
    margin0 auto;
        
    width760px;
        
    padding0px;
        
    border1px solid #7C9FC3;
    }

    </
    style>
    </
    head>

    <
    body>
    <
    div id="test">
        <
    ul>
            [*][
    url="1"]1[/url]
            [*][
    url="2"]2[/url]
        [/list]
    </
    div>
    <
    div id="container">
    pippo
    </div>
    </
    body>
    </
    html
    firefox mi interpreta bene il position relative e il left 66px di ul, ma internet explorer non ci pensa proprio, è come se mi ignorasse il left 66px, sapete dirmi perchè?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Per poter capire cosa succede, ti consiglio di usare dei colori di sfondo diversi per i vari elementi. Ti rendi subito conto di cosa e` che non funziona. Con i browser non puoi mai sapere cosa non gli piace.

    Comunque in quel codice ci sono degli errori. Non si puo` inserire un elemento di tipo block dentro uno di tipo inline. Tu hai trasformato il[*] in inline (perche?) e poi ci hai messo dentro un <a> che hai trasformato di tipo block (questo invece viene usato spesso, con width:100%; height:100%; per "allargare al massimo" la parte sensibile del link).
    E poi che senso ha dare il float all'<a>? Il float lo devi dare al[*]. E pure le dimensioni (se vuoi che siano definite).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.