div va a capo ridimensionando la pagina

**blur** · 28-03-2011, 14:12

css:

codice:

#news_evidenza { 
float:left; 
font-family: Verdana, Arial, Helvetica, sans-serif;                                       
text-align:justify;                                       
background: #f0f0f0;                                       
padding:25px 25px 40px 25px; 
font-size:13px;                                       
border:1px solid #929292; 
width:90%; 
}                                              

#sidebar_sx {
float:left;              
height:284px;               
width:60px;              
margin:0;              
border:0px solid red;                                                 
background: URL(immagini/in_evidenza.png) no-repeat right;              
}

html:

codice:

<div id="sidebar_sx"></div>                                                
<div id="news_evidenza"> 

testo</p></div>

quando ridimensiono la pagina, il div "news_evidenza" mi va a capo...mentre io vorrei che rimarresse fisso a dx, allineato a "sidebar_sx"

sembrerà un cazzata, ma io oggi non capisco nulla...

**Davide Arnesano** · 28-03-2011, 14:21

Prova a fare in questo modo:

<div id="container">
<div id="sidebar_sx"></div>
<div id="news_evidenza">

testo</p></div>
</div>

A container dai come width la somma dei due.

Ps: dai entrambi una width in px, oppure tutte e 2 in percentuale (preferibile la prima rimanendo nei 960px), sennò fai casini.

**blur** · 28-03-2011, 14:30

ciao grazie per la risposta.

ho pensato di mettere

position:absolute;
left:68px;

al div "news_evidenza" e funziona.

Cosa ne dici? è una soluzione alternativa oppure è un pasticcio?

**blur** · 28-03-2011, 14:50

il position:absolute funziona se lo visualizzo in una pagina html normale con qualsiasi browser.

Non mi funziona se il codice lo utilizzo come formattazione html di un email....

**blur** · 28-03-2011, 15:19

ho bisogno di un alternativa a position:absolute....

La soluzione proposta da Davide non funziona

**sandrone65** · 29-03-2011, 22:50

La soluzione di Davide funziona, a patto di specificare la dimensione della div "news_evidenza" in pixel anzichè in percentuale.
Specificandola in percentuale e non volendo utilizzare il posizionamento absolute ti basta definire come float uno solo dei due elementi inserendolo prima di quello non-flottante.
Per esempio

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
#news_evidenza { 
float:left; 
width:90%;
margin-left: 60px;background: #ff0; }                                              
#sidebar_sx {          
height:284px;               
width:60px;              
background: #f0f;              
}
</style>
</head>
<body>
<div id="news_evidenza"> 

testo</p></div> 
<div id="sidebar_sx"></div>                                                
</body>
</html>

Discussione: div va a capo ridimensionando la pagina

Strumenti discussione

Ricerca discussione

Visualizza

div va a capo ridimensionando la pagina

Permessi di invio