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

[CSS] Div obok diva i `width: 100%;` - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Div obok diva i `width: 100%;` (/thread-css-div-obok-diva-i-width-100)

[CSS] Div obok diva i `width: 100%;` - Damiankossek - 13-01-2010

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 Smile

Moze ktos z was ma jakies rozwiazanie ?

Pozdrawiam

RE: [CSS] Div obok diva i `width: 100%;` - Labsta.com - 13-01-2010

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

RE: [CSS] Div obok diva i `width: 100%;` - Damiankossek - 13-01-2010

Dzieki, ale tak slencze nad tym z 30minut i wywnioskowalem ze raczej nie da sie tam zmienic wartosci Smile

z 300px do 400px a akurat taka szerokosc ma miec lewy DIV Smile

Na tych layoutach juz wszystko na sztywno przypisane z tego co tak widze... Smile

I troche nie czytelny kod CSS bo wszystko w jednej lini i trudno sie polapac Smile

No ale coz dziekuje Ci kolego ... Smile

Chyba trafilem na cos trudnego do zrobienia .. Smile

Moze ktos poda inny pomysl rozwiazania mojego problemu ? Smile

Pozdrawiam

RE: [CSS] Div obok diva i `width: 100%;` - Labsta.com - 13-01-2010

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

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

RE: [CSS] Div obok diva i `width: 100%;` - Damiankossek - 13-01-2010

No dziekuje bardzo Smile

) Przydalo sie i spelnia w pelni moje oczekiwania Smile

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 Wink

Chce uzyskac nastepujacy efekt (a wlasciwie go uzyskalem ale w prymitywny i niewygodny sposob, rozpisywac sie nie bede Smile

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 Smile

:

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

RE: [CSS] Div obok diva i `width: 100%;` - Labsta.com - 13-01-2010

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

RE: [CSS] Div obok diva i `width: 100%;` - michalszyd - 03-03-2010

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.

RE: [CSS] Div obok diva i `width: 100%;` - Labsta.com - 04-03-2010

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