Salve, sto cercando di modificare alcune pagine di un sito realizzato con CodeIgniter (non fatto da me).
In particolare, devo aggiungere un logo in posizione fissa sulla destra della pagina, dove gia' esistono due tab uno sotto l'altro.
Questo e' il css del contenitore e dei due tab che contiene:
.fixed-contact {
width:23px;
height:80px;
z-index:1000;
}
.fixed-order {
width:23px;
height:132px;
z-index:1000;
}
.fixed-container {
position:fixed;
top:200px;
right:0;
width:23px;
height:220px;
z-index:1000;
}
Il logo che devo aggiungere misura 100 x 85, quindi ho modificato il contenitore e ho aggiunto il css per il nuovo elemento:
.fixed-ssl {
position:fixed;
width:100px;
height:85px;
z-index:1000;
}
.fixed-container {
position:fixed;
top:200px;
right:0;
width:100px;
height:400px;
z-index:1000;
}
Il codice nella pagina:
<div class="fixed-container">
<div class="fixed-contact">
<div class="fc-outer">
<a href="http://livechat.boldchat.com/xxx;">
[img]<?php echo base_url();?>img/home/live_chat.png[/img]
</a>
</div>
</div>
<div class="fixed-order">
<div class="fc-outer">
<a href="<?php echo base_url(). 'status';?>">
[img]<?php echo base_url();?>img/home/order-track.png[/img]
</a>
</div>
</div>
<div class="fixed-ssl">
[img]<?php echo base_url();?>img/home/cot.gif[/img]
</div>
</div>
Il problema e' che visualizza il terzo elemento (il logo) di seguito agli altri due e lo allinea a destra come voglio, ma solo per 23 px, come se non vedesse la nuova larghezza del contenitore che ho impostato.
Dove sbaglio?
Ho anche provato a separare il logo dagli altri due elementi, con lo stesso css, ma me lo posiziona in fondo alla pagina.
Grazie in anticipo

Rispondi quotando