Podpowiedzcie koleżanki i koledzy, jakie zadać pytanie Google'owi,
żeby odpowiedział jak w tak prymitywnym układzie:

<div class="kontener">
<div class="lewy">
<div class="prawy">
</div>

po ustawieniu ".prawy " na stałą szerokość, ".lewy" automatycznie
rozciągał się na pozostałą szerokość wypełniając ".kontener" ?

Kilka tutoriali i kursów przeszło przez me ręce, ale wszystko kończy
się albo na stałej szerokości ".kontener", albo na szerokościach DIV-
ów wewnętrznych ustalanych procentowo.

Pozdrawiam i z góry dziękuję

--
Marek

do góry

MarKust71 pisze:
> Podpowiedzcie koleżanki i koledzy, jakie zadać pytanie Google'owi,
> żeby odpowiedział jak w tak prymitywnym układzie:
>
> <div class="kontener">
> <div class="lewy">
> <div class="prawy">
> </div>
>
> po ustawieniu ".prawy " na stałą szerokość, ".lewy" automatycznie
> rozciągał się na pozostałą szerokość wypełniając ".kontener" ?

.prawy {float: right; width=xxx} nie wystarczy?

swoja droga: nazw klas jak prawy, lewy, czerwony, gora itp. staraj sie
unikac (pozniej bedziesz chcial, zeby jednak prawy byl z lewej, zmienisz
linijke w css, a mylaca nazwa pozostanie)

--
pozdrawiam!

http://webtrunki.pl - piwa, wina, wódki, domowe wyroby
ZAPRASZAMY!!

do góry

No właśnie nie wystarczy :/

dla takich ustawień:

<style type="text/css">
.kontener {
height:600px;
min-height:600px;
width:600px;
background-color:yellow;
color:black;}
.lewy {
height:100px;
min-height:100px;
margin:10px;
background-color:blue;
color:black;}
.prawy {
height:200px;
min-height:200px;
width:100px;
float:right;
margin:20px;
background-color:red;
color:black;}
</style>

oraz

<div class="kontener">
<div class="lewy">&nbsp;</div>
<div class="prawy">&nbsp;</div>
</div>

".lewy" kreśli się na całą szerokość ".kontenera", a ".prawy" rysuje
się poniżej, przylepiony do prawej krawędzi ".kontenera".

Po zmianie kolejności ".lewego" z ".prawym", czyli:

<div class="kontener">
<div class="prawy">&nbsp;</div>
<div class="lewy">&nbsp;</div>
</div>

".lewy" kreśli się na całą szerokość ".kontenera", a ".prawy" jest co
prawda dosunięty do prawej, ale przykrywa częściowo powierzchnię
".lewego". Szczęśliwie treść umieszczana w ".lewym" wyświetlana jest
tylko w części nie przykrytej przez ".prawego", ale mi się marzy, żeby
".lewy" i ".prawy" do siebie przylegały, podobnie jakby ".lewemu" też
nadać "float:right" z jakimś automatycznym, możliwie maksymalnym
"width:..."

Nazwy klas zmieniałem, ale to też nie pomogło ;) Dziękuję za
dotychczasowe uwagi i chcę jeszcze :)

--
Marek

do góry

MarKust71 pisze:
> No właśnie nie wystarczy :/
>
> dla takich ustawień:
>
> <style type="text/css">
> .kontener {
> height:600px;
> min-height:600px;
> width:600px;
> background-color:yellow;
> color:black;}
> .lewy {
> height:100px;
> min-height:100px;
> margin:10px;
> background-color:blue;
> color:black;}
> .prawy {
> height:200px;
> min-height:200px;
> width:100px;
> float:right;
> margin:20px;
> background-color:red;
> color:black;}
> </style>
>
> oraz
>
> <div class="kontener">
> <div class="lewy">&nbsp;</div>
> <div class="prawy">&nbsp;</div>
> </div>
>
> ".lewy" kreśli się na całą szerokość ".kontenera", a ".prawy" rysuje
> się poniżej, przylepiony do prawej krawędzi ".kontenera".
>
> Po zmianie kolejności ".lewego" z ".prawym", czyli:
>
> <div class="kontener">
> <div class="prawy">&nbsp;</div>
> <div class="lewy">&nbsp;</div>
> </div>
>
> ".lewy" kreśli się na całą szerokość ".kontenera", a ".prawy" jest co
> prawda dosunięty do prawej, ale przykrywa częściowo powierzchnię
> ".lewego". Szczęśliwie treść umieszczana w ".lewym" wyświetlana jest
> tylko w części nie przykrytej przez ".prawego", ale mi się marzy, żeby
> ".lewy" i ".prawy" do siebie przylegały, podobnie jakby ".lewemu" też
> nadać "float:right" z jakimś automatycznym, możliwie maksymalnym
> "width:..."

ja nie widze problemu byś spróbował sam....

btw
zawsze można nadać margines o rozmiarze znanej kolumny


--
emila to on
on to ja

do góry