[CSS] div obok diva i width 100% oraz pytanie dot. Photoshopa :) Opcje

[Damiankossek]

Witam, wlasnie mam takowy problem Mam w photoshopie wzorek ktory chcialbym uzyc jako tlo strony, gdy stworze nowy obrazek i nadam mu ten wzorek a potem zaznacze np. 200x200px i zapisze to jako tlo to wtedy widac na stronie ze `tlo jest nierowne`... Mam nadzieje ze rozumiecie moj problem

Pozdrawiam

Jeszcze jedno pytanie
Mam taki problem, chcialbym stworzyc dwa divy ktore bylyby obok siebie, problem w tym ze ten z lewej strony ma miec szerokosc 300px a div z prawej strony 100% (Czyli do konca strony) ...

Przyklad:

[HTML] pobierz, plaintext 
#lewy
{
float: left;
width: 300px;
height: 100px;
}
 
#prawy
{
float: right;
width: 100%;
height: 100px;
}
[HTML] pobierz, plaintext 

Gdyby sie dalo najprosciej dla #prawy byloby dac width: 100% - 300px; ale niestety tak sie nie da.. Jakies pomysly ?

Ten post edytował Damiankossek 12.01.2010, 01:36:53

[Szeszek1992]

Co do tych divów

[HTML] pobierz, plaintext 
<style>
*{margin:0px;}
#lewy
{
float: left;
width: 300px;
height: 100px;
}
#prawy
{
width: *;
height: 100px;
}
</style>
[HTML] pobierz, plaintext 

Ten post edytował Szeszek1992 12.01.2010, 06:47:37

[djgarsi]

Co do PSa to musisz zauważyć punkt w którym wzorek się powtarza. Innego sposobu nie widze.

[Mephistofeles]

Możesz poszukać pliku z wzorkiem, i sprawdzić jego wymiary.

[dr_NO]

Co do PS'a sprawa jest prosta, stwórz z obrazka który stworzyłeś Pattern (edit / define pattern) i na nowym dokumencie wypełnij nim obraz. Zobaczysz czy dobrze skonstruowałeś zakończenia i czy Ci się wzorek "składa" jak powinien.

[Damiankossek]

Dzieki wszystkim za rady Photoshopa zaraz wyprobuje, ale problem mam z CSSem, zrobilem to co polecil Szeszek Wszystko jest ok, pod IE jak i FireFoxem, lecz gdy wlacze w IE Compatibility Mode, to podczas gdy zwezam strone to pasek nie idzie do konca ekranu... Dalem min-width: 1000px i niby jest ok, ale podczas gdy wlacze wlasnie te compatibility mode i zwezam ekran to Div mi przeskakuje pod lewego diva... Mam nadzieje ze zrozumieliscie, jezeli nie to wgram strone na serwer i wam pokaze

Pozdrawiam

[Szeszek1992]

Możesz wrzucić
Napisz, jaki efekt chcesz dokładnie osiągnąć.

[Damiankossek]

Twoj sposob: (Przygladaj sie ustawieniu boxow, przy wylaczonym compatibility jeden jest pod drugim, natomiast przy wlaczonym jest ok, lecz jak zwezysz okno to jeden opada)

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

Co prawda osiagnalem moj efekt, ale to raczej zabawa z grafika itp ... (Nie satysfakcjonuje mnie to :/ 100x wygodniej byloby gdyby bylo tak jak chce.. a tutaj dalem position absolute, jeden div jest pod drugim, musialem w jednym obrazku powylaczac cienie itp ..) No i chcialbym wiedziec na przyszlosc jak mozna uzyskac taki efekt .. Div obok diva z width do konca strony

http://wczasykolobrzeg.hekko.pl/damiankoss...ektdouzyskania/

Wiec jakbym mogl Twoim sposobem osiagnac moj efekt ? Jezeli nikt nie bedzie wiedzial jak uzyskac taki efekt to zostawie swoj sposob .. Lecz heh ...

Pozdrawiam

Ten post edytował Damiankossek 13.01.2010, 01:47:37

[Szeszek1992]

http://ludwik.org/faux-columns-pl/
Może się przydać