Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    problema con layout a 3 colonne

    Buonasera,

    vi posto di seguito il codice html che mi da problemi:

    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>Documento senza titolo</title> <style type="text/css"> #container 	{ 	float:left; 	border:#000000 1px solid; 	} #col1 	{ 	position:relative; 	margin-right:155px; 	margin-left:155px; 	overflow:hidden; 	} #col2 	{ 	float:left; 	width:150px; 	border:#000000 1px solid; 	overflow:hidden; 	} #col3 	{ 	float:right; 	width:150px; 	border:#000000 1px solid; 	overflow:hidden; 	} .sx 	{ 	float:left; 	} .dx 	{ 	float:left; 	} </style> </head>  <body> <div id="container">     <div id="col2">sx</div>     <div id="col3">dx</div>     <div id="col1">             <div class="sx">sinistra</div>             <div class="dx">sadfh kljsh akldjfh asfh sklajdh fljkhsladfh lasdgh fhg asdf asdgh fipuwe fuig sfhdgf jlfuipweg fweri fu ailsdgh fldgh gf puiwerpsd fhasdgjlsdghfjlasdg g fuowgy eofug sdahgflasgh fgh ry u sdahflasdgh fjlasgh oygftowery asgh jk j</div>     </div> </div> </body> </html>
    Vorrei sapere come faccio, nel div che ha come id col1, ad affiancare i div con class sx e dx senza che il secondo giri intorno al primo e possibilmente senza impostare dimensioni fisse.

    Grazie per l'aiuto!
    Questa notte non danzo con la mia anima ma scrivo lo stesso. Scrivere per non dimenticare di aver vissuto

  2. #2
    Utente di HTML.it L'avatar di vikey89
    Registrato dal
    Apr 2009
    Messaggi
    333
    Posta il codice in modo verticale cosi almeno possiamo leggere meglio!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.