Prova
codice:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="formazione_Default6" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
div#container {
height:1%;
}
div#container:after {
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
}
div#left {
float:left;
width:220px;
background:yellow;
}
div#right {
float:right;
width:200px;
background:green;
}
div#center {
margin:0 200px 0 220px;
height:1%;
background:red;
}
div#center:after {
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
}
div#center img {
float:left;
width:200px;/*esempio*/
}
div#center p {
margin-left:210px;/*esempio*/
}
p.txtDown {
clear:both;
margin-left:220px;/*esempio*/
}
</style>
</head>
<body>
<div id="container">
<div id="left">
sinistra</p></div>
<div id="right">
destra</p></div>
<div id="center">
[img]europe_empty.jpg[/img]
Testo che voglio affiancato alla foto</p>
</div>
<p class="txtDown">Testo che voglio sotto la foto</p>
</div>
</body>
</html>
occhio al bug dei 3 px con IE6