problema Float

**neorf** · 13-05-2008, 12:33

Salve, mi sapreste dire, come mai, sicuramente è una cosa banale:
se faccio

Codice PHP:


<div id="sidebar"></div>

<div id="body"></div>

La sidebar va a destra, ma se faccio:

Codice PHP:


<div id="body"></div>

<div id="sidebar"></div>

La sidebar inizia dopo il body?
thanks

neorf

**gengix** · 13-05-2008, 12:38

Se non posti il codice css diventa difficile aiutarti.

**neorf** · 13-05-2008, 12:44

scusa, hai ragione:

Codice PHP:


    <div id="content">

           <div id="sidebar"></div>

           <div id="body"></div>

        </div>

Ecco il css:

Codice PHP:


div#content{

 text-align:left;

}



#sidebar {

    background: url(../images/sidebar_bg.jpg);

       background-repeat:no-repeat;

       width: 249px; 

      float:right;



}





div#body{



width: 751px;

padding-right: 249px;



}

Ciao...

neorf

**neorf** · 13-05-2008, 12:51

scusa, hai ragione:

Codice PHP:


    <div id="content">

           <div id="sidebar"></div>

           <div id="body"></div>

        </div>

Ecco il css:

Codice PHP:


div#content{

 text-align:left;

}



#sidebar {

    background: url(../images/sidebar_bg.jpg);

       background-repeat:no-repeat;

       width: 249px; 

      float:right;



}





div#body{



width: 751px;

padding-right: 249px;



}

Ciao...

neorf

**gengix** · 13-05-2008, 15:21

Copiando il tuo codice i due div non mi stanno allineati in nessuno dei 2 casi.
Leggendo il codice non ho capito che layout hai intenzione di fare. Vedo anche che non definisci delle altezze da nessuna parte. Che doctype stai utilizzando?

**noize86** · 13-05-2008, 17:53

ovviamente se non metti anche un float al div body..

vedi così se funge:

Codice PHP:


<style>

div#content{

text-align:left;

}

#sidebar {

background: url(../images/sidebar_bg.jpg);

background-repeat:no-repeat;

width: 249px;

float:left;

}

#body{

width: 751px;

float:left;

}

</style>

<div id="content">

<div id="body">body</div>

<div id="sidebar">sidebar</div>

</div>

**gengix** · 13-05-2008, 18:17

ovviamente se non metti anche un float al div body..

Non è necessario per forza, può anche non mettere un float al body, come voleva fare all'inizio.

Il codice assomiglierebbe a qualcosa del genere:

codice:

<!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><title></title>
	<style type="text/css">
	* {
	margin:0;
	padding:0;
	}
	body {
	text-align:center;
	}
	div#content{
	margin:auto;
	width:800px; /*esempio*/
	text-align:left;
	}
	#sidebar {
    width: 249px;
    height:50px;/*esempio*/
    float:right;
    background:green;
    }
    * html #sidebar {
	margin-left:-3px;
	}
	div#body {
	height:50px;
	background:red;
	}
	</style>
	</head>
<body>
	<div id="content">
           <div id="sidebar"></div>
           <div id="body"></div>
    </div>
</body>
</html>

Discussione: problema Float

Strumenti discussione

Ricerca discussione

Visualizza

problema Float

Permessi di invio