[CSS] Div obok diva i `width: 100%;`

[Damiankossek]

Witam, mam problem z ulozeniem divow. Chcialbym zrobic tak ze div o nazwie left ma szerokosc 300px a div o nazwie right ma szerokosc 100% ... Z tym ze te dwa divy maja byc obok siebie, czyli ten prawy div ma dopelniac do konca strony ... Kolega z innego forum dal mi taki sposob:

#left
{
float: left;
width: 300px;
height: 100px;
}
#right
{
width: *; /1
height: 100px;
}

/1 - Moze mi ktos wyjasnic co znaczy ta gwiazdka w width?

Lecz nie jest on wystarczajaco dobry ... W IE 8 pod Compatibility Mode krzaczy sie i ma troche niedociagniec, a zalezy mi na tym zeby dzialalo pod kazda przegladarka ... Szukam juz z dwie godziny na google i nic nie moge znalezc... Nie chce aby prawy div byl pod lewym divem, tylko ma byc obok Moze ktos z was ma jakies rozwiazanie ?

Pozdrawiam

[Labsta.com]

http://layouts.ironmyers.com/ i analizuj

[Damiankossek]

Dzieki, ale tak slencze nad tym z 30minut i wywnioskowalem ze raczej nie da sie tam zmienic wartosci z 300px do 400px a akurat taka szerokosc ma miec lewy DIV Na tych layoutach juz wszystko na sztywno przypisane z tego co tak widze... I troche nie czytelny kod CSS bo wszystko w jednej lini i trudno sie polapac No ale coz dziekuje Ci kolego ... Chyba trafilem na cos trudnego do zrobienia .. Moze ktos poda inny pomysl rozwiazania mojego problemu ? Pozdrawiam

[Labsta.com]

To może weź tego http://www.dynamicdrive.com/style/layouts/item/css-left-frame-layout/

edit:
Podpowiedź:
#maincontent -> left: 400px;
#framecontent -> width: 400px;

[Damiankossek]

No dziekuje bardzo ) Przydalo sie i spelnia w pelni moje oczekiwania Pozdrawiam i dziekuje

///

Falszywy alarm ... Nie spelnia oczekiwan :/ position fixed a ja chcem uzyc tego do loga u gory strony .. wiec nie moze jezdzic za mna

Chce uzyskac nastepujacy efekt (a wlasciwie go uzyskalem ale w prymitywny i niewygodny sposob, rozpisywac sie nie bede chyba ze ktos chce) Da sie latwo uzyskac taki efekt ? tak zeby div byl oboj drugiego diva... W pierwszym divie wstawiam pierwsza czesc obrazku a w drugim wykonczenie do konca strony ...

Oto wykonczenie moim `nie satysfakcjonujacym sposobem` ktore chcialbym uzyskac rozdzielajac obrazek na dwie czesci i sklejajac go w 2divach :

http://wczasykolobrzeg.hekko.pl/damiankossek/efektdouzyskania/

[Labsta.com]

To zmień fixed na absolute, może wystarczy.

[michalszyd]

Ja też mam podobny problem. Tylko w moim przypadku z wysokością.

Kod:

<div id="up" />
    <div id="left" />
    </div>
    <div id="right" />
    </div>
</div>

Chcę zrobić, że gdy left ma np. 10 wierszy, to right automatycznie się rozciągał i wyrównał swoją wysokość z left. Left rozciąga się wedle tekstu, więc nie mogę dać stałej wysokości.
Proszę o pomoc bo już nie mam pomysłów.

[Labsta.com]

http://www.alistapart.com/articles/fauxcolumns/