Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: IE7 bug Float Right?

  1. #1

    IE7 bug Float Right?

    ciao ragazzi, sbaglio io ho IE7 si comporta in modo errato con un layout di questo tipo? Esiste un bug che non conosco? ho cercato anche in rete ma non trovo nulla...

    Notate lo spazio lasciato a destra della colonna di DX che non dovrebbe esistere...Provate a mettere "margin:0 -500px 0 0;" al div #dx...non si muove nulla

    /**************************************************/

    <!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>Untitled Document</title>
    <style>
    body{width:100%; height:100%; margin:0; padding:0;}
    body{width:100%; height:100%; margin:0; padding:0; text-align:center}
    #main {width:410px; padding:0 275px; text-align:left; border:1px solid #00F}
    #sx {float:left; display:inline; width:250px; margin:0 0 0 -275px; border:1px solid #F00}
    #dx {float:right; display:inline; width:250px; margin:0 -275px 0 0; border:1px solid #F00}

    </style>
    </head>

    <body>

    <div id="main">

    <div id="sx">sinistra</div>

    <div id="dx">


    Destra</p>


    destracn xkjlc sdkchnxzkchxzkjc xzhckjzxh ckjzx hckjzhc zkxjch zxkjc hzxkcjh cxkhc xjzch xzkjc xzhckjxhz ckjxzh ckjxzch xzkjch xzkjch zxczck jxzhc xzkjchxzkjc hxz zxkcjzh ckxz jclkzx cjxzlkòcjz xlkcjzxcòlkxzjclxz kcjxzlòkcj xzòlkc jxzcòlkzxjc lkzxòjczxòlkc zxlkcjzxlkcj zxcz</p>
    </div>

    <h1>Centro</h1>


    ljksdfldj salk kdjsa ld saldk sjadlks jadlasdlsaj dlksa jdlsak dsalkjdlaskj dalskdj salkd jsalkdj aslkd a</p>


    ljksdfldj salk kdjsa ld saldk sjadlks jadlasdlsaj dlksa jdlsak dsalkjdlaskj dalskdj salkd jsalkdj aslkd a</p>

    </div>

    </body>
    </html>

    /************************************************** *****************/
    http://www.evoluzionetelematica.it

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    nel codice html inverti l'ordine dei due div floattati, oppure flotta entrambi a sinistra.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Ciao Fabrizio...

    Ho già provato ad invertire i 2 div flottanti ma niente da fare

    Settando il float "left" per entrambi i div usati come "colonna" non riesco a gestire colonna sinistra e destra...A meno che introduca un terzo div centrale, che secondo me non serve a nulla, sarebbe un tag superfluo...

    Per me IE7 sbalgia ad interpretare il float:right...visto che posso aggiungere un qualsiasi valore come margine negativo che se ne frega...
    http://www.evoluzionetelematica.it

  4. #4
    ps = molto bello il sito di Illy
    http://www.evoluzionetelematica.it

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    il clear ce l'hai messo? nel codice che hai postato non lo vedo

  6. #6
    Nel codice non c'è ma è ininfluente ai fini del float corretto. Comunque ho provato anche inserendo il <br clear="all"> dopo i contenuti.

    Ma anche a voi si comporta così o è solo il mio di IE7 ????
    http://www.evoluzionetelematica.it

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da simoberto
    Nel codice non c'è ma è ininfluente ai fini del float corretto. Comunque ho provato anche inserendo il <br clear="all"> dopo i contenuti.
    il clear è sempre necessario se usi degli elementi floattanti, altrimenti il layout potrebbe non comportarsi come ti aspetteresti.
    E, riguardo a quanto hai appena postato, esempio:

    codice:
    .NomeCheTiPare {
    clear: both;
    }
    codice:
    <p class="NomeCheTiPare"></p>
    ovviamente, puoi usare un id se il nome è univoco nella pagina

  8. #8
    Scusa, mi sono espresso male...
    In questo caso, dovendo flottare a dx il clear è ininfluente per capire se è effetivamente un baco di IE7 o cosa...
    Tu con IE7 lo vedi lo spazio a dx? Hai provato ad aumentare il margine negativo a dx? Prova è vedrai che non succede nulla
    http://www.evoluzionetelematica.it

  9. #9
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da simoberto
    Scusa, mi sono espresso male...
    In questo caso, dovendo flottare a dx il clear è ininfluente per capire se è effetivamente un baco di IE7 o cosa...
    Tu con IE7 lo vedi lo spazio a dx? Hai provato ad aumentare il margine negativo a dx? Prova è vedrai che non succede nulla
    sono su un mac, non posso vedere il comportamento di IE7. Nel caso, posso provare a darci un'occhiata stasera o domani, sempre che nel frattempo tu non abbia risolto ...


  10. #10
    Risolto ho risolto, ho usato un'altra struttura includendo un ulteriore div per la colonna centrale. Resta il fatto che secondo me IE7 non si comporta corettamente con una struttura come quella che ho postato ad inizio thread. E non è di poco conto, secondo me...
    http://www.evoluzionetelematica.it

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 © 2025 vBulletin Solutions, Inc. All rights reserved.