due div affiancati 100%

**Buzzz** · 28-09-2009, 15:34

io ho due div affiancati, devo estenderli per tutta la pagina lasciando un margine di 20px a destra del div di destra, e di 50px a sinistra del div di sinistra..
sapete come posso fare? PS i due div si devono essere uno di fianco all'altro e quando restringo il browser devono restringersi anche loro fino a raggiungere la larghezza minima impostata da min-widht: ... ;

ho provato in vari modi ma il flot:left/right; non sembra andare daccordo col restringimento del browser

grazie a tutti!!

**mucu** · 28-09-2009, 17:58

metti un div dentro l'altro
a quelo esterno dai margini 20 e 50px
a quello interno gli dai width 50% e float da qualche parte

**Buzzz** · 28-09-2009, 18:40

non ho capito molto bene a cosa si riferisce quel 50% del div interno..
puoi postarmi un esempio solo del css?

**Buzzz** · 28-09-2009, 21:47

comunque questo è il codice..

CSS

codice:

#content{
overflow:auto;
margin-left:110px;
margin-right:20px;
width:;
height:900px;
background:#99FF00;
min-width:600px;
max-width:100%;
}

#ct_left{
position:static;
margin-right:90px;
width:100%;
height:;
min-width:800px;
background:#996600;
}

#ct_right{
margin-left:800px;
position:relative;
float:right;
top:0px; /*lo spazio tra top e l'inizio di content*/
right:0px; /*lo spazio tra left e l'inizio di content*/
width:50px;
height:;
background:#99CC00;
}

HTML

codice:

<!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>
	<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="content">
	
    <div id="ct_left">
    	left
    </div>
    
    <div id="ct_right">
    	right
    </div>
  
</div>
</body>
</html>

Discussione: due div affiancati 100%

Strumenti discussione

Ricerca discussione

Visualizza

due div affiancati 100%

Permessi di invio