[CSS]float

Trucchi e consigli per migliorare il proprio sito internet

[CSS]float

Messaggiodi Andrea » dom ott 19, 2008 5:54 pm

ragazzi ho quattro div a cui ho assegnato a ciascuno una classe o un id, ho cercato di posizionare questi quattro div con i float,
praticamente vorrei che venga
la sidebar a destra, l'header in alto, il footer in basso, e l conteiner affianco alla sidebar.
solo che la sidebar mi va a finire a sinistra e non capisco perchè..
ecco il codice che ho usato :

css:
Codice: Seleziona tutto
#header{
float: left;
width: 750px;
}

#container{
float: left;
width: 500px;
}

.sidebar{
float: right;
width: 240px;
background: #eeeeee;
margin: 0 0 0 10px;
}

#footer{
clear: both;
float: left;
width: 750px;
}


html:
Codice: Seleziona tutto
<div id="header"> codice </div>
<div id="container">codice</div>
<div class="sidebar">codice</div>
<div id="footer">codice</div>


un aiutino? :)

ciao e grazie mille! :)
Avatar utente
Andrea
Redattore ACM
Redattore ACM
 
Messaggi: 614
Iscritto il: dom mar 09, 2008 5:12 pm

Re: [CSS]float

Messaggiodi DGXstyle » lun ott 20, 2008 2:35 pm

Che browser usi? Firefox?
Perla di saggezza n. 12
Fai ridere i polli!
La mia professoressa di italiano

Immagine
Avatar utente
DGXstyle
Redattore ACM
Redattore ACM
 
Messaggi: 919
Iscritto il: dom nov 18, 2007 6:04 pm

Re: [CSS]float

Messaggiodi Andrea » lun ott 20, 2008 2:48 pm

si
Avatar utente
Andrea
Redattore ACM
Redattore ACM
 
Messaggi: 614
Iscritto il: dom mar 09, 2008 5:12 pm

Re: [CSS]float

Messaggiodi eDog » lun ott 20, 2008 2:57 pm

Riesci a farci uno screenshot?
eDog, Responsabile Esecutivo AC Magazine

DGXstyle << Ho sempre avuto la strada in discesa..
eDog << Beh..ora hai toccato il fondo.. della discesa!
Avatar utente
eDog
CEO
CEO
 
Messaggi: 2147
Iscritto il: mer ago 29, 2007 6:27 pm
Località: Vescovana (Padova)

Re: [CSS]float

Messaggiodi Andrea » lun ott 20, 2008 3:55 pm

posso fare di più:
http://www.bee.ilbello.com/pagina.html

ho colorato il tutto con:
giallo l'head
rosso il container
grigio la sidebar
verde il footer

ecco i codici finali:
pagina.html
Codice: Seleziona tutto
<head>
<link rel="stylesheet" href="stile.css" type="text/css" media="screen" />
              </head>
     <div id="wrapper">
   <div id="header">HEAD</div>
<div id="container">CONTAINER</div>
    <div class="sidebar">SIDEBAR</div>
    <div id="footer">FOT</div>
    </div>


foglio di stile
Codice: Seleziona tutto
#wrapper
{
width: 750px;
}
#header{
    float: left;
    width: 750px; 
    background: yellow;
    }

#container{
    float: left;
    width: 500px;
     background: red;
    }

.sidebar{
    float: right;
    width: 240px;
    background: #eeeeee;
    margin: 0 0 0 10px;
    }

#footer{
    clear: both;
    float: left;
    width: 750px;
     background: green;
    }

ho dovuto inserire un divch conteneva tutto senò si scombussolava :)
Avatar utente
Andrea
Redattore ACM
Redattore ACM
 
Messaggi: 614
Iscritto il: dom mar 09, 2008 5:12 pm

Re: [CSS]float

Messaggiodi eDog » lun ott 20, 2008 5:20 pm

Prova a dare al container float right e alla sidebar float left.

P.S. Sposto in Area Webmaster, in CSS non si programma.. [ink]
eDog, Responsabile Esecutivo AC Magazine

DGXstyle << Ho sempre avuto la strada in discesa..
eDog << Beh..ora hai toccato il fondo.. della discesa!
Avatar utente
eDog
CEO
CEO
 
Messaggi: 2147
Iscritto il: mer ago 29, 2007 6:27 pm
Località: Vescovana (Padova)

Re: [CSS]float

Messaggiodi Andrea » lun ott 20, 2008 5:38 pm

grazie mille edog funziona! :)
[clap] [clap] [clap]

grazie grazie

ps: scusa per la sezione XD non ci ho fatto caso
Avatar utente
Andrea
Redattore ACM
Redattore ACM
 
Messaggi: 614
Iscritto il: dom mar 09, 2008 5:12 pm


Torna a Area webmasters

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron