Utilizzo di div affiancate

Tips sui fogli di stile

Utilizzo di div affiancate

Messaggioda alesslud » gio mar 11, 2010 11:11 am

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="D">
<div id="A">
Testo contenuto nella div a
</div>
<div id="B">
Testo contenuto nella div b
</div>
<div id="C">
Testo contenuto nella div c
</div>
</div>
</form>
</body>
</html>
Allegati
esempio.zip
Da qui è possibile scaricare l'esempio completo e funzionante
(750 Byte) Scaricato 224 volte
alesslud
Site Admin
 
Messaggi: 779
Iscritto il: mer nov 08, 2006 8:09 am

Re: Utilizzo di div affiancate

Messaggioda alesslud » gio mar 11, 2010 11:11 am

Il css

body
{
margin:0;
padding:0;
text-align: center;
}

#A
{
border:1px solid red;
height: 200px;
top: 0px;
text-align: center;
}

#B
{
text-align: left;
top: 202px;
border: 10px;
width: 249px;
position: absolute;
height: 600px;
border:1px solid green;
left: 0px;
}

#C
{
text-align: left;
border: 10px;
width:547px;
left: 251px;
border:1px solid blue;
position: absolute;
height: 800px;
top: 202px;

}

#D
{
/* contenitore */
position: relative;
width: 800px;
height: 100%;
margin: auto;
}
alesslud
Site Admin
 
Messaggi: 779
Iscritto il: mer nov 08, 2006 8:09 am


Torna a CSS e XSL

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron