DIV tag-et, hogyan lehet így pozicionálni? (képek a leírásban)

HTML:

<div id="kulso">

<div id="belso">

</div>

</div>

CSS 1. képhez:

html,body {

height: 100%;

}

#kulso, #belso {

height: 100%;

}

#belso {

width: 80%;

min-width: 600px;

margin-left: 10%;

}

VAGY, ha fix a belső div mérete:

CSS 1. képhez:

html,body {

height: 100%;

}

#kulso, #belso {

height: 100%;

}

#belso {

width: 600px;

margin: 0px auto;

}

2. képhez:

html,body {

height: 100%;

}

#kulso, #belso {

height: 100%;

}

#belso {

width: 50%;

margin-left: 50%;

}

3. képhez:

html,body {

height: 100%;

}

#kulso, #belso {

height: 100%;

}

#belso {

width: 50%;

}

A 3. a legegyszerűbb, nincs semmi extra benne.

A másik kettőnél nem mindegy mit akarsz rakni a külső div-be. Ettől függően lehet jó a megoldásom, de lehet hogy nem az. Utóbbi esetben pozicionálással (position: absolute), vagy float-al lehet még megoldani a jobbra helyezést.

Csináltam hozzá példákat:

*****

*****

*****

hú ez viszont nekem is kéne..

Ugyan ezeket a dolgokat,nem lehetne megoldani csak HTML kóddal?

Div-et pozicionálni html kóddal mármint,az nem lehetséges valahogy?

"Csak html kóddal" nem igen lehet megoldani, a formázáshoz mindenképpen kell használni css-t, bár ezt meg lehet oldani lokálisan is un. inline is:

<div style="width: 100%; height: 100%;">

külső tartalom

<div style="width: 50%; height: 100%; float: right;">

belső tartalom

</div>

</div>

Wáááá,ez aaz:D

ezt a megoldást kerestem..

köszi,imádlaak xD

ment a zöld (:

ty

és ilyen, "inline" megoldásban, nem lehet vlhogy megcsinálni,hogy egy diven belül legyen még egy div..és ez a div a másik div jobb oldali szélétől pl..100px-re helyezkedjen el,és mondjuk 500 px széles legyen?

nincs erre vlmi pozicionálás esetleg?(:

Ezt próbáld ki:

<div style="width: 100%; height: 100%;">

külső tartalom

<div style="width: 500px; height: 100%; float: right; margin-right: 100px;">

belső tartalom

</div>

</div>

Megint csak ment a zöld :)

Köszönöööm:D működik,ezt kerestem :)