2 div dentro div assoluto

**KLINKO** · 24-11-2006, 12:02

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">

**gra-fichetto** · 24-11-2006, 13:08

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>

**KLINKO** · 24-11-2006, 13:31

grazie per avermi risposto.
diciamo che cercavo di ottenere che il Div funzioni restasse tutto a destra e occupasse l'intera altezza.

grazie cmq

**KLINKO** · 24-11-2006, 13:40

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">

</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>

**gra-fichetto** · 24-11-2006, 13:48

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)

Discussione: 2 div dentro div assoluto

Strumenti discussione

Ricerca discussione

Visualizza

2 div dentro div assoluto

Permessi di invio