Vorrei realizzare dei box come riportato nell'allegato (vedi foto: demo.gif) evitando le tabelle e utilizzando unicamente i CSS, ho fatto molte prove ma non riesco ad affiancare il secondo box interno (contained_right) mi
risulta sempre sotto il primo (contained_left).
la struttura:
container: --------> il box esterno
contained_left: ---> primo box interno (quello a sinistra)
contained_right: --> secondo box interno (quello a destra “in teoria”)
il codice:
codice:<!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=iso-8859-1" /> <title>test box css</title> <style type="text/css"> <!-- html,body,home{ margin: 0; padding: 0; height:100%; background-color: #F1F0DE; text-align: center; } .container { margin: 0 auto; height: 370px; width: 714px; border: 1px solid #997B62; position: relative; } .contained_left { height: 348px; width: 130px; margin: 10px; border: 1px solid #997B62; position: relative; } .contained_right { height: 348px; width: 549px; margin: 10px; border: 1px solid #997B62; position: relative; } --> </style> </head> <body> <div class="container"> <div class="contained_left"></div> <div class="contained_right"></div> </div> </body> </html>cichity74
Rispondi quotando