ho un problema che non riesco a risolvere con i fogli css:
sul sito speleopercaso.netsons.org ci sono due box che vengano spaziati verticalmente diversi su firefox e internet explorer...il primo box è quello che raccoglie i 3 mini box 'la nostra storia', 'la nostra attivita', 'dove siamo' e le sue regole css sono:
#threeboxes {
width : 480px;
position : relative;
margin : 15px 5px 15px 5px;
padding : 4px 0 0 5px;
border : 1px solid #ffe;
}
.boxone {
width : 150px;
float : left;
margin : 0 7px 0 0;
color : #524201;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
}
.boxone h2 {
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
}
.boxone p {
padding : 0 0 0 0;
line-height : 12px;
background-color : #eff6ff;
}
.boxone a {
margin-left : 0px;
margin-bottom : 2px;
color : #48b033;
font-size : 1.0em;
padding : 2px;
}
.boxtwo {
width : 150px;
color : #212121;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
}
.boxtwo h2 {
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
}
.boxtwo a {
margin-left : 0px;
margin-bottom : 2px;
color : #48b033;
font-size : 1.0em;
padding : 2px;
}
.boxtwo p {
padding : 0 0 0 0;
line-height : 12px;
background-color : #eff6ff;
}
.boxthree {
width : 150px;
color : #333;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
}
.boxthree h2 {
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
}
.boxthree a {
margin-left : 0px;
margin-bottom : 2px;
color : #48b033;
font-size : 1.0em;
padding : 2px;
}
.boxthree p {
padding : 0 0 0 0;
line-height : 12px;
background-color : #eff6ff;
}
mentre il codice html è:
<div id="threeboxes">
<div class="boxone">
<h2>La nostra storia</h2>
Correva l’undici luglio dell'anno 1990 quando dodici persone... </p>
continua...
</div>
<div class="boxtwo">
<h2>La nostra attività</h2>
Il nostro gruppo ha operato in diverse grotte e in diverse zone...</p>
continua...
</div>
<div class="boxthree">
<h2>Dove siamo</h2>
Ci potete trovare tutti i venerdì dalle 21.00 a Savona, nella sede...</p>
continua...
</div>
</div>
il secondo box è quello che raccoglie i due corsi e ha questo codice html:
<div class="onemorebox">
<h2><?php echo $row_corsobase['ennesimaedizione']; ?>° Corso di Introduzione alla Speleologia</h2>
[img]images/IMG_5162.JPG[/img]
Il corsoè articolato in lezioni teoriche serali e uscite pratiche, in grotta e palestra speleologica, che normalmente impegneranno l'intera giornata.
Il corso è aperto a chiunque ... [continua...]</p>
<h3><?php echo $row_corsoperfezionamento['ennesimaedizione']; ?>° Corso Nazionale di Perfezionamento Tecnico</h3>
[img]images/Immagine 013.jpg[/img]
Il corso è organizzato sotto l'egida della Scuola Nazionale di Speleologia CAI dal Gruppo Grotte CAI Savona. Direttore: INS Sergio Carozzo.
L'obiettivo è affrontare in modo approfondito gli aspetti teorici e pratici delle tecniche ... [continua...]</p>
</div>
mentre il css è:
.onemorebox {
padding-top : 15px;
padding-bottom : 15px;
}
.onemorebox h2 {
font-family : Times, "Times New Roman", serif;
font-size : 1.6em;
color : #299ad4;
padding-top : 10px;
margin-left : 10px;
}
.onemorebox h3 {
font-family : Times, "Times New Roman", serif;
font-size : 1.6em;
color : #F00;
padding-top : 0px;
margin-left : 10px;
}
.onemorebox p {
margin-right : 10px;
text-align : justify;
background-color : #eff6ff;
margin-left : 2px;
margin-top : 2px;
padding : 3px;
}
.onemorebox a {
margin-bottom : 2px;
color : #48b033;
font-size : 1.0em;
font-weight : bold;
padding : 2px;
}
preciso che tutti i box sono contenuti dentro a questo box:
#centercolumn {
margin : 0 5px 0 0;
padding-bottom: 10px;
display : inline;
width : 504px;
float : left;
text-align:justify;
overflow:hidden;
word-wrap: break-word;
}
come posso fare per risolvere il problema che peraltro mi modifica l'aspetto del menu sulla destra?

Rispondi quotando