Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107

    [DIV] Left (px) e Rigth (100%)

    Salve a tutti!
    Sto cercando di fare una pagina così strutturata:

    MENU_SX: 150px
    AREA_DX: 100%

    Facendo così mi appare la barra di scorrimento orizzontale....
    Come dovrei fare?

    Ecco il codice, fatto per ora
    codice:
    #left {
    	width:150px;
    	float:left;
    	padding:10px;
    	background-color:blue;
    	position:absolute;
    }
    
    #right {
    	width:100%;
    	float:left;
    	padding:10px;
    	left:150px;
    	background-color:red;
    	position:absolute;
    }
    codice:
    <div id="container">
    	<div id="left">M1</div>
    	<div id="right">MR</div>
    </div>
    Guybrush Threepwood

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    16
    ciao threepwood, a occhio e croce, cosi' facendo ti appare la barra perche' ti prendi tutto lo spazio disponibile in larghezza del viewport (100%) + i 20px del div#right e inoltre ci aggiungi i 150px + i 20px di padding del div#left. quando mi succede questo, gioco con il firebug fino a trovare la percentuale "giusta". altrimenti, potresti settare il div#container a overflow:auto cosi' la barra di scorrimento ti appare solo nel container (sempre se al container hai dato larghezza esplicita)

  3. #3

    Re: [DIV] Left (px) e Rigth (100%)

    a parte le dimensioni del float non ti serve niente

    codice:
    <div id="container">
    	<div id="left">M1</div>
    	<div id="right">MR</div>
    </div>
    codice:
    #left {
    	width:150px;
    	float:left;
    	padding:10px;
    	background-color:blue;
    }
    
    #right {
    	background-color:red;
    }
    se proprio vuoi un effetto simil-tabella

    codice:
    #left {
    	width:150px;
    	float:left;
    	padding:10px;
    	background-color:blue;
    }
    
    #right {
    	background-color:red;
            margin-left: 170px
    }

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.