Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    82

    "Float left" IE vs Firefox/Safari

    Ciao,

    ci stò sbattendo la testa da un pò...

    Ho un sito strutturato in due colonne, tutto fnziona, a parte che il float left mi restituisce differenti visalizzazioni a seconda dei browser, vedo di spiegarmi meglio:

    Su Firefox, Opera e Safari mettendo il float left e lasciando un margin di 65 dall'elemento contenitore il posizionamento è corretto, eppure il medesimo codice, su IE (che strano...) mi sposta di un 20 px (approssimativamente) in più a destra il blocco...

    Togliendo il float left l'elemento più a sinistra è alla corretta distanza dal bordo, ma chiaramentr quello a lato viene spostato sotto..

    In definitiva lasciando il float left c'è un ulteriore spazi di 20px, togliendolo tutto è corrett, ma non posso (chiaramente) affiancare i due div...

    Grazie per l'aiuto

    [TrGh]
    [TrGh]

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` uno dei bachi che affliggono IE.
    Non ho ben capito quale dei bachi e`, ma prova a inserire anche un display:inline; non serve a nulla (non e` possibile un float inline), ma in IE corregge i margini.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    82
    Ciao,

    grazie per le risposta ^^

    Ti posto il frammento di codice perchè credo di non aver ben capito ^^

    Il box di sinistra:

    codice:
    div#leftbox {
    	background: #FFFFFF;
    	width: 182px;
    	min-height: 340px;
    	height: auto !important;
    	height: 340px;
    	float: left;
    	display:inline
    	border: 5px solid #99947F;
    	margin: 0px 0px 0px 65px;
    	padding: 4px;
    	text-align: justify;
    	color: #6d6a5b;
    	
    }
    Il box di destra:

    codice:
    div#centerbox {
    	background: #F7EFE8;
    	width: 463px;
    	min-height: 358px;
    	height: auto !important;
    	height: 358px;
    	float: left;
    	display:inline
    	border:0px;
    	margin:0px 0px 0px 7px;
    	padding: 0px;
    	color: #6d6a5b;
    	z-index:2;
    }
    Il risultato è questo:

    http://www.076project.com/dev/centra...me.php?pg=main

    (è ancora una bozza :P )

    E' corretto o sbaglio io?

    Grazie mille ^^
    [TrGh]

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Si, ma se dimentichi i puntievirgola fai un caos tremendo ...
    (potrebbe non interpretare le righe successive).
    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.