Dividere una sezione in due colonne con lareghezze diverse

[Ashry]

E' possibile divicere una sezione in due parti (usando i css) facendo si che una sia il 20% e l'altra l'80% della larghezza totale?

Se faccio così:

CSS

#contenitore{
height:43px;
width:490px;
padding:0px 0px 0px 37px;
}

div.split2 div{
float: left;
w\idth: 50%;
padding: 0 2%
}

HTML
<div id="contenitore">
<div class="split2">
<div>[img]/***/***/***/prodotto_01.gif[/img]</div>
<div>descrizione prodotto</div>
</div>
</div>

le due sezioni sono al 50%

[floyd46]

ciao
certo che è possibile;
è come se dovessi creare una pagina a due colonne:
quella grande è per i contenuti e la piccola per un menu (o quello che vuoi).

Le misure le devi dichiarare in % e non in px; in questo caso si adatterà alle dimensioni della pagina.

Oppure potresti fare un'altra cosa:
dichiarare la colonna + stretta in px e la grande in %.
Sono tutte cose che devi decidere tu e come meglio ritieni opportuno fare.

ciao

[boolbo]

Certo che le due sezioni sono al 50%, dato che ne hai dichiarata solo una al 50% per forza di cose anche l'altra diventerà al 50% se la prima ne prende già il 50% ti pare?

Casomai dovrai dare ad una l'80% e all'altra il 20% che c'entra dare 50%?

[Ashry]

Ok e come faccio a dare a una il 20 e all'altra l'80?
era questo che volevo sapere!

[floyd46]

ciao
se vuoi una pagina a tutto schermo, puoi utilizzare un div#container e non imposti nessuna misura;

altrimenti se vuoi un pò di spazio ai lati, potresti impostare
div#container{
width:80%;
}

le tue colonne di 80% e 20%, siccome inserite nel div#container, si riferiscono a questo, appunto. Spero di essere stato chiaro.

ciao

[matsoftware]

Ho provato il codice nel primo post per dividere un div in due parti ma non ci sono riuscito.

In pratica vorrei che in un div (#sopra) siano contenute due parti, anche al 50% e 50%, una a destra e una a sinistra così da poter sistemare un'immagine e a lato destro una scritta.

-------------------------------
|  [ IMMAGINE]  | Scritta      |
|  [         ]  | Scritta      |
-------------------------------

Come imposto il CSS e il codice?

[matsoftware]

Risolto

CSS:

div#splitr{
margin-left: 405px;
vertical-align: middle;
text-align: right;
}

div#splitl{
float: left;
}

HTML

<div id="sopra">
<div id="splitl">
immagine
</div>
<div id="splitr">
testo
</div>
</div>