Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di KLINKO
    Registrato dal
    Sep 2002
    Messaggi
    285

    2 div dentro div assoluto

    costruendo una struttura come da esempio ho 2 problemi
    .. può darsi che come alsolito è una mia insignificante mancanza.
    non so se dipende dal fatto che il tutto viene costruito attorno ad un div posizionato in position:absolute ecc ecc

    1) quando c'è tanto testo, questultimo mi esce dal DivForm
    2) il Div Funzioni non so per quale motivo ma non viene contenuto dal DivForm esce fuori e copre il bordo dell'altro (con firefox l'effetto è notevolmente evidente)

    c'è qualche parametro che è ASSENTE???

    <style type="text/css">
    body, html {
    margin: 0 auto;
    text-align:center;
    }
    #Messaggio {
    width:340px;
    height: 180px;
    background-color:#999999;
    BORDER: #285B6F 3px solid;
    margin:0 auto;
    top: 40%;
    left: 50%;
    margin: -90px -170px;
    position:absolute;
    z-index:3;
    }
    #Funzioni {
    width:60px;
    height:100%;
    position:absolute;
    left:100%;
    top:0;
    padding-top:10px;
    margin-left: -60px;
    background-color:#FFFFFF;
    text-align:center;
    }
    #DivForm {
    padding-right:70px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    }
    </style>

    </head>
    <body>
    <Div id="Messaggio">
    <Div id="DivForm">

    ciao sono centrato

    qui! fds f sfd sadfa

    sfd asdf sadf asf asfd

    sa f dsaf dsaf

    asdasadsddsa

    sadasdasd

    asdasdads

    asdadsad

    asdadsasd

    asdadsad

    </Div id="DivForm">

    <Div id="Funzioni">
    ciao2!
    </Div id="Funzioni">
    </Div id="Messaggio">

  2. #2
    c'è qualche parametro che è ASSENTE???
    Mancano le basi.

    A prescindere dalla struttura che avresti voluto dare alla tua pagina, ti allego un codice meno scorretto da cui partire.

    La tua pagina:
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body, html {
    margin: 0 auto;
    text-align:center;
    }
    #Messaggio {
    	width: 340px;
    	background-color:#999999;
    	border: 3px #285B6F solid;
    	margin:0 auto;
    	top: 40%;
    	left: 50%;
    	margin: -90px -170px;
    	position:absolute;
    	z-index: 3;
    }
    #Funzioni {
    	width: 60px;
    	position:relative;
    	background-color:#FFFFFF;
    	text-align:center;
    	margin: 0 auto
    }
    #DivForm {
    text-align: center;
    
    } 
    -->
    </style>
    </head>
    <body>
    <div id="Messaggio">
    	<div id="DivForm">
    	ciao sono centrato
    
    	qui! fds f sfd sadfa
    
    	sfd asdf sadf asf asfd
    
    	sa f dsaf dsaf
    
    	asdasadsddsa
    
    	sadasdasd
    
    	asdasdads
    
    	asdadsad
    
    	asdadsasd
    
    	asdadsad
    	</div>
    
    	<div id="Funzioni">
    	ciao2!
    	</div>
    </div>
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di KLINKO
    Registrato dal
    Sep 2002
    Messaggi
    285
    grazie per avermi risposto.
    diciamo che cercavo di ottenere che il Div funzioni restasse tutto a destra e occupasse l'intera altezza.

    grazie cmq

  4. #4
    Utente di HTML.it L'avatar di KLINKO
    Registrato dal
    Sep 2002
    Messaggi
    285
    ho inserito il Div Funzioni dentro Div Form
    con queste modifiche

    soo che height:100%; di Div Funzioni viene visto solo da firefox. explorer non lo estende per tutta la sua altezza.


    <style type="text/css">
    <!--
    body, html {
    margin: 0 auto;
    text-align:center;
    }
    #Messaggio {
    width: 340px;
    background-color:#999999;
    border: 3px #285B6F solid;
    margin:0 auto;
    top: 40%;
    left: 50%;
    margin: -90px -170px;
    position:absolute;
    z-index: 3;
    }
    #Funzioni {
    width: 60px;
    height:100%;
    position:absolute;
    right:0px;
    background-color:#FFFFFF;
    text-align:center;
    top:0px;
    Right:0px;
    }
    #DivForm {
    text-align: center;
    margin-right:60px;

    }
    -->
    </style>
    </head>
    <body>
    <div id="Messaggio">
    <div id="DivForm">
    ciao sono centrato

    qui! fds f sfd sadfa

    sfd asdf sadf asf asfd

    sa f dsaf dsaf

    asdasadsddsa

    sadasdasd

    asdasdads

    asdadsad

    asdadsasd

    asdadsad
    <div id="Funzioni">
    ciao2!
    </div>
    </div>
    </div>

  5. #5
    Se hai misure fisse, puoi risolvere applicando un'immagine di sfondo al contenitore principale (ti basta un rettangolino che simuli le due colonne grigio e bianco largo quanto il contenitore principale ed alto anche pochi px, da ripetere in verticale)

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.