[CSS] posizionamento banner laterali
Salve a tutti,
vi chiedo aiuto perchè dopo 3 giorni non sono riuscito ad ottenere ciò che volevo, ammetto di essere alle prime armi con CSS quindi magari potreste consigliarmi voi; iniziamo col dire che sto realizzando questo sito in locale per il momento ma comunque vi spiego la pagina è strutturata tutta dentro un grande riquadro e al di fuori ci esso (ai lati) vorrei aggiungere 2 banner (1 per lato), non tanto per le pubblicità ma per fare pratica (anche perchè penso non vedrà mai un server).
con molti e moli tentativi sono riuscito a posizionarli ai lati ma succede che se riduco la finestra del browser il banner destro segue il margine quindi si sovrappone al corpo centrale, cosa assolutamente da evitare,
Codice HTML:
<style type="text/css">
body { background-image: url('penguins.jpg'); background-repeat: no-repeat; background-color:gold;
}
#adsx { position:relative; float: left; width: 120px;
}
#container { background-color:red; min-width: 600px; margin-top: 40px; margin-right: 120px; margin-left: 120px;
}
#addx { width: 120px; position:relative; right: 15px; float: right;
}
#header { height: 120px; margin: 0 auto; background-color: yellow; background-image: url('senzanome.png'); background-repeat: x;
}
#corpo { background-color: silver; margin: 10px auto; height: 600px;
}
#footer { background-color: black; height: 150px; margin: 10px auto;
}
</style>
###############################
<div id="adsx"> <img src="sx.jpg">
</div>
<div id="addx"> <img src="dx.jpg">
</div>
<div id="container">
<div id="header">********
</div>
<div id="corpo">
</div>
<div id="footer">
</div>
</div>
adesso vi ho postato il codice di come si trova adesso.
Ripeto quello che vorrei riuscire a fare è di posizionare i banner senza che essi seguano i bordi della finestra ... consigli? errori che mi sono sfuggiti? meglio usare altre opzioni??
