Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    layout 2 colonne - non riesco ad affiancare i div

    ciao, sto facendo un layout a due colonne, ma non ci sto saltando fuori, x me è tutto ok, ma per opera e ff no, qualcuno vede dove sto sbagliando? invece di afficancarsi i div si impilano uno sotto l'altro....
    thank's
    css
    codice:
    #corpo {
    	width: 750px;
    }
    
    #logo {
    	width: 360px;
    	float: left;
    }
    
    #**** {
    	width: 390px;
    	border: dashed 2px;
    	margin-right: 360px;
    	padding: 0px 5px 0px 5px;
    }
    html
    codice:
    <div id="corpo">
    	<div id="logo">
    [img]http://www.****.it/******_2blue.jpg[/img]
    	<div/>
    	<div id="*****">
    	<h1>**********</h1>
          <h2></h2>
          <h2>**********</h2>
          <hr />
        testo vario
      
    
    </p>
      <h2>**********</h2>
      <hr />
        testo vario
      
    
    </p>
      <h2>**********</h2>
      <hr />
        testo vario
      
    
    </p>
      <h2>**********</h2>
      <hr />
        testo vario
    	
    
    </p>
      <h2>**********</h2>
      <hr />
        testo
       
    
    </p>
    </div>
    </div>
    Si fanno sempre nuove scoperte

  2. #2
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    sbagliavo a mettere right invece di left, ora sono affiancati, ma il div di sx parte dall'alto mentre quello di destra parte più in basso, perchè? sto uscendo pazzo!!!
    Si fanno sempre nuove scoperte

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    due errori:
    il primo è che hai chiuso male il div logo ( <div/>)
    e se metti bordo e margini al div ***** questo aumenta di dimensione.
    personalmente agirei in questo modo:
    codice:
    CSS 
    #corpo {
    	width: 760px;
    }
    
    #logo {
    	width: 360px; 
    }
    
    #cont {
    	width: 390px; 
    }
    .allinea {float:left;}
    
    
    HTML 
    <div id="corpo">
     <div id="logo" class="allinea">
      [img]2blue.jpg[/img]
     </div>
     <div id="cont" class="allinea">
     </div>
    </div>

  4. #4
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    grazie della risposta....
    cavolo nn mi viene!!!
    css
    codice:
    #corpo {
    	width: 760px;
    	padding: 0;
    }
    
    #logo {
    	width: 360px;
    	border: solid 2px;
    
    }
    
    #*** {
    	width: 390px;
    	border: dashed 2px;
    	margin-left: 366px;
    }
    
    .allinea {
    	float: left;
    }
    html
    codice:
    <div id="corpo">
    	<div id="logo" class="allinea">
    
    	</div>
    	<div id="***" class="allinea">
    	<h1>testo</h1>
          <h2></h2>
          <h2>testo</h2>
          <hr />
        testo
      
    
    </p>
      <h2>testo</h2>
      <hr />
    testo
      
    
    </p>
      <h2>testo</h2>
      <hr />
    testo
      
    
    </p>
      <h2>testo</h2>
      <hr />
        testo
    	
    
    </p>
      <h2>contatti</h2>
      <hr />
        testo
       
    
    </p>
    </div>
    </div>
    Si fanno sempre nuove scoperte

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Originariamente inviato da Vincent.Zeno
    e se metti bordo e margini al div ***** questo aumenta di dimensione.

  6. #6
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    stai cercando di farmici arrivare da solo, sei un grande! Oggi xò sto veramente rintronato, cmq ci sono, li ho allineati ma tra l'uno e l'altro c'è troppo spazio
    ti chiedevo anche: ma nel corpo non devo dargli nessuna istruzione? tipo per metterlo centrato.....
    thank's
    Si fanno sempre nuove scoperte

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    se c'è spazio è perché glielo hai dato tu:
    posta il nuovo codice.

    se "corpo" è il contenitire generale che vuoi mettere al centro pagina:

    codice:
     
    CSS 
    body {text-align: center; /* questo lo setta su IE*/
    margin: auto; /* questo lo setta sugli altri browser*/
    }
    ora avrei anche tutti i testi centrati,
    se vuoi correggere l'allinamento:
    codice:
     
    #tuaclasse/id {text-align: left/dove ti pare;}

  8. #8
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    non ci salto mica fuori....
    css
    codice:
    #corpo {
    	width: 956px;
    }
    
    #logo {
    	width: 260px;
    	border: solid 2px;
    	float: left;
    }
    
    #*** {
    	width: 390px;
    	border: dashed 2px;
    	margin-left: 260px;
    	padding: 0 2px;
    	float: left;
    }
    
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	text-align: center;
    	margin: auto;
    html
    codice:
    <div id="corpo">
    	<div id="logo">
    [img]210607_2blue.jpg[/img]
    	</div>
    	<div id="***">
    	<h1>********</h1>
          <h2></h2>
          <h2>********</h2>
          <hr />
         ********
      
    
    </p>
      <h2>********</h2>
      <hr />
          ********
      
    
    </p>
      <h2>********</h2>
      <hr />
          ********
      
    
    </p>
      <h2>********</h2>
      <hr />
        ********
    	
    
    </p>
      <h2>********</h2>
      <hr />
     ********
       
    
    </p>
    </div>
    </div>
    ma scusa, posto la larghezza dei due div e setto di conseguenza la larghezza del contenitore + bordi e margini, perchè cavolo mi rimane uno spazio enorme tra i due div? oltretutto non si centra, il div di sx rimane a sx....
    thank's
    Si fanno sempre nuove scoperte

  9. #9
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    allora....

    se non togli mangin-left: 260px a #*** che cosa ti aspetti?

    il div di sinistra minane a sinistra? che vuol dire?
    devi centrare il contenitore o cosa?

    inutile postare i contenuti dei div: allunghiamo il tread e nient'altro

  10. #10
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    cavolo, ho capito che non ho capito nulla. Ma scusa non devo dargli quel margine per "saltare" il div di sinistra e farli così apparire uno affianco all'altro? Direi di no perchè l'ho tolto e ora va bene, ma mi piacerebbe capire il perchè..... cmq il mio obiettivo era di tenere il corpo centrale si. Quando ho detto che il div di sx rimane a sx intendevo allineato a sx. Hai ragione scusa per l'allungamento del thread.....
    Si fanno sempre nuove scoperte

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 © 2026 vBulletin Solutions, Inc. All rights reserved.