Vai al contenuto

CSS: float e display...

Pacio

Da Pacio
in Web design e sistemisti

Messaggi raccomandati

Pacio

Pacio

Inviato
Inviato

ciao a tutti,

vorrei avere creare una div con uno sfondo che contenga 4 div una acconto all'altra.

le 4 div una accanto all'altra sono float left, quindi il mio problema è che il "contenitore" (che qui chiamo #filo) non si vede.

qualcuno puo aiutarmi? stò impazzendo con tutti questi float, clear, display ect :-)

ecco il sorgente html:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(images/bg_body.jpg);
background-repeat: repeat;
}
#filo {
background-image: url(images/bg_filo.png);
background-repeat: repeat-x;
background-position: center 5px;
background-color: #999999;
margin-top: 40px;
}
#filo #wrapper {
width: 980px;
margin-right: auto;
margin-left: auto;
}
#filo #wrapper #poster {
margin-right: 20px;
width: 225px;
clear: right;
float: left;
text-align: center;
}
#filo  #wrapper #poster img {
display: block;
position: relative;
}
-->
</style>
</head>

<body>
<div id="filo">
<div id="wrapper">

   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
 </div>

   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
 </div>


   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>    </div>

<div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
 </div>

</div>
</div>

<div id="filo">
<div id="wrapper">

   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
   </div>

   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
   </div>


   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
   </div>

   <div id="poster">
     <a href="#"><img src="images/poster.jpg" id="artwork" /></a>	
   </div>

</div>
</div></body>
</html>

grazie in anticipo!

Freelance graphic designer Firenze: www.andreapacini.it

Archivio Italiano della Rock Poster Art: www.italianposterrockart.com

Link al commento
Condividi su altri siti
iMel77

iMel77

Inviato
Inviato

Ad occhio senza fare prove credo che manchino le dichiarazioni delle "height" dei vari DIV.

Seconda cosa non puoi assegnare lo stesso ID a più DIV...in questo caso devi utilizzare le Classi.

Terza cosa credo che il clear non ti servi.

Ultima cosa...se hai un DIV contenitore di 980px e al suo interno 4 div float left di width 225px e margin-right di 20px credo che non saranno centrati nel dic contenitore...non so se è l'effetto desiderato oppure no.

Fammi sapere se hai bisogno...e se hai risolto.

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...