Due celle affiancate.

[laugher]

Ho un css che recita:

#boxquotepinnacle {
    background: #fbfdea;
    margin: -520px 0px -500px -500px; 
    -webkit-animation-name: move;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: right;
    -webkit-animation-timing-function: linear;
}

.rigapinnaclecolonnauno {
border: 1px solid;
border-color: black;
          width: 33%;
          height: 25px;
          margin-top: 47px;
}

.rigapinnaclecolonnadue {
border: 1px solid;
border-color: black;
          width: 33%;
          height: 25px;
          float: left;
}

Invece il programma del sito è;

<div id="boxpartita">
<div class="rigapinnaclecolonnauno">
<div class="rigapinnaclecolonnadue">
</div>
</div>
</div>

Il problema mio è che la cella generata da rigapinnaclecolonnauno e quella generatada rigaplinnaclecolonnadue mi risultano sovrapposte. Praticamente mi risulta "flglia" di rigapinnaclecolonnauno.

Io vorrei che fossero due celle affiancate sulla stessa riga. Il float; left; è evidentemente errato. Sapete come dovrei fare?

[Experiment8]

Ciao,

No il float è corretto, se guardi il codice HTML vedrai che effettivamente "rigapinnaclecolonnadue" è figlia di "rigapinnaclecolonnauno", perché innestata al suo interno, l'HTML dovrebbe essere:

<div id="boxpartita">
<div class="rigapinnaclecolonnauno">
</div>
<div class="rigapinnaclecolonnadue">
</div>
</div>