Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente bannato
    Registrato dal
    Jan 2006
    Messaggi
    100

    Div position:absolute bottom:0px problema in IE

    salve

    ho un div con altezza fissa e position:relative; margin:0; padding:0; border:none;
    al suo interno ho inserito un secondo div con le proprietà position:absolute; bottom:0px;margin:0; padding:0; border:none;

    lo posiziona correttamente in fondo, ma in IE lascia un margine in basso di 1px
    in firefox il margine non esiste

    che l'è?

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    la pagina contiene anche altri elementi oppure quella che hai descritto è la pagina nella sua totalità? Se no posta anche il resto e relativo css
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    Utente bannato
    Registrato dal
    Jan 2006
    Messaggi
    100
    codice:
          <div style="position:relative; width:100%; height:100%;">
          	<div style="position:absolute; top:15px; right:64px; width:570px; font-size:10px; font-weight:bold; color:#FFFFFF; text-align:center;">
            Chi siamo | Contatti | etc </div>
            
            <div style="color:#000084; font-weight:bold; font-size:10px; width:70px; position:absolute; right:68px; top:38px; padding-left:3px;">Ingresso Community:</div>
            
            <div style="background:url(template/header_login_sfondo.png) repeat-x bottom; width:122px; height:67px; position:absolute; bottom:0; right:19px;">
              <div style="color:#FFFFFF; margin-top:8px; margin-left:2px; font-size:10px; height:19px;">
              Cod. <input type="text" style="width:73px; background:url(template/input_text_login_sfondo.png); font-size:14px;" /></div>
              <div style="color:#FFFFFF; margin-top:2px; margin-left:2px; font-size:10px; height:19px;">
              Pass.<input type="text" style="width:73px; background:url(template/input_text_login_sfondo.png); font-size:14px;" /></div>
              <div style="text-align:right;"><input type="image" src="template/input_submit_login_sfondo.png" value="" alt="" /></div>
            </div>
          </div>
    questo blocco rappresenta l'header ed è incluso all'interno di una cella che ha come unico parametro l'altezza
    la larghezza è data direttamente alla tabella nella sua totalità
    per comodità nella consultazione ho incluso il css direttamente nell'elemento a cui è associato

    la tabella ha bordo e cell/colspan a 0
    i div hanno tutti margine padding e bordo 0

    ripeto il codice in se dovrebbe essere corretto tanto che su firefox funziona alla perfezione
    solo IE lascia un pixel di spazio dal fondo

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.