x-kom hosting

Problem z wysokością divów

Marooooo
utworzono
utworzono (edytowane)

Witam.

Zrobiłem sobie stronkę w divach i mam pewien problem. Wszystko umieściłem na obrazkach, żebyście mogli zrozumieć o co mi chodzi :)

Mam 6 divów. LOGO, TOP, LEWO, ŚRODEK, PRAWO, STOPKA.

d1d0531c0e3e2303m.jpg

92ecd28e46755ea9m.jpg

Chciałbym zrobić tak, żeby dać tło dla diva w postaci obrazka.jpg i żeby ten obrazek automatycznie ustawiał się do wysokości divów.

Mam nadzieję, że mnie zrozumieliście i pomożecie :)

Tak wygląda mój styl css:

body {		background: url(Background.jpg);		margin: 0;		padding: 0;		background-attachment: fixed	}div {		font: verdana 12px #000;		position:relative;	}#container {	background-color: #fff;	position:relative;	margin:0 auto;	padding:0 0px 0 0px;	clear: both;	text-align:left;	width:840px;	height:100%;	}#naglowek {		background: #fff url(Naglowek.jpg) no-repeat;		width:840px;		height:200px;		margin-bottom:0px;	  }#top 	{	background: #fff url(Top.jpg);	width:840px;	height:30px;	clear:both;	text-align:center;	}#lewo {		background: #fff;		width:160px;	height:100%;		float:left;		margin-left:0px;	margin-right:0px;	margin-top:0px;	  }#srodek {		background: #DCDCDC;		width:500px;	height:100%;		float:left;	}#prawo {		background: #fff;		width:160px;	height:100%;		float:right;		margin-left:5px;	margin-right:5px;	  }#stopka {	background:#C0C0C0 url(Stopka.jpg);	width:840px;	height:20px;	clear:both;		text-align:center;	}

PS. Proszę o wyrozumiałość, jest to mój pierwszy styl, nie do końca jeszcze wiem co i jak :P Przede mną duuuużo nauki :)

Możecie powiedzieć co jest ewentualnie źle zrobione, co jest nie potrzebne, co by się przydało.

Demerzel
komentarz
komentarz

Nawet nie wiedziałem, że divami da się tak mieszać. ;) Poczytaj o tabelach i includach. Robisz tabele i z php przez include wstawiasz stronę, uważam to za lepszą metodę.

Marooooo
komentarz
komentarz

hmmmm tabele powiadasz? Ale tabele podobno "wyszły z mody". Tak czytałem. Chyba, że się mylę.

Demerzel
komentarz
komentarz

Pytanie za 100 punktów i paczkę kredek:

Co jest ważniejsze, moda czy funkcjonalność i praktyczność?

Właśnie jestem w trakcie tworzenia z ręki pseudo FORUM na darmowym serwerze o bardzo ograniczonych zasobach. Będzie barbarzyńsko proste ale spełniające zadanie, wszystko na tabelach jeśli chodzi o układ. Do tego oczywiście PHP i MySQL

Marooooo
komentarz
komentarz

No w sumie to masz rację. To w moim wypadku musiał bym wszystko przerabiać na tabelki ;/

A może jest jakieś rozwiązanie z tymi divami? Żeby nie zmieniać na tabelki.

Czekam na Wasze propozycje :)

Jeżeli nie będzie innej możliwości to przerzucę się na tabelki.

przemek980
komentarz
komentarz

Forum robi się na tabelach, ale taką prostą stronę tylko na DIV'ach. Tabele wczytują się dłużej. Nie rozumiem z tą wysokością obrazka.

benkowik
komentarz
komentarz

Jeśli zrobił już na DIVACH to poco ma przerabiać? Tylko dlatego, ze nie zna rozwiązania?

Zrób taki myk. Całą tą kolumnę ze wszystkimi divami zamknij w jeden div i nadaj mu kolor jaki chcesz uzyskać tam gdzie go nie masz. Broń Bosz nie dawa background-color dla body.

Inne rozwiązanie to zrobić obrazek, żeby służył jako tło i powielał się pionowo ;)

Do pierwszego posta po temacie?

Po co mieszać include jak tu styl nie działa? Nie rozumiem

Demerzel
komentarz
komentarz

Jak dobrze wykorzystujesz includy przy przejściach miedzy stronami wczytujesz tylko jeden element który ma się zmienić, reszta pozostaje nieruszona. Jeżeli wczytujesz na nowo całą stronę przez link gdzie masz jakąś "fajną" grafike po kilku przeładowaniach oszczędność idzie się paść. Na divach nie zrobisz includa trzeba brać AJAX.

benkowik
komentarz
komentarz
Jak dobrze wykorzystujesz includy przy przejściach miedzy stronami wczytujesz tylko jeden element który ma się zmienić, reszta pozostaje nieruszona. Jeżeli wczytujesz na nowo całą stronę przez link gdzie masz jakąś "fajną" grafike po kilku przeładowaniach oszczędność idzie się paść. Na divach nie zrobisz includa trzeba brać AJAX.

Chłopie chodzi tutaj o CSS a nie wyskakujesz z PHP i include.

Demerzel
komentarz
komentarz

Chłopie poco brnąc w rozwiązania które i tak nie są najlepsze? Fakt można budować dom,drogi itp bez maszyn z drewna najlepiej ;) ale poco? Też fakt skoro mam milion(dużo zasobów) mogę je wszystkie roztrwonić bez myślenia, ale czy chce? Jak się PHP nie nauczy i tak dużo nie zdziała nie zaszkodzi mu to.

Marooooo
komentarz
komentarz
Inne rozwiązanie to zrobić obrazek, żeby służył jako tło i powielał się pionowo wink.gif

Właśnie o to by mi chodziło, żeby obrazek powielał się pionowo w divie LEWO i w divie PRAWO. Chodzi o to, że jak div ŚRODEK się wydłuży to żeby te divy po bokach też się wydłużały razem z obrazkowym tłem.

Mógłbyś mi to jakoś wytłumaczyć jak to zrobić? Gdzie musiałbym dodać odpowiednie kody? W stylu css? W którym miejscu?

body {		background: url(Background.jpg);		margin: 0;		padding: 0;		background-attachment: fixed	}div {		font: verdana 12px #000;		position:relative;	}#container {	background-color: #fff;	position:relative;	margin:0 auto;	padding:0 0px 0 0px;	clear: both;	text-align:left;	width:840px;	height:100%;	}#naglowek {		background: #fff url(Naglowek.jpg) no-repeat;		width:840px;		height:200px;		margin-bottom:0px;	  }#top	 {	background: #fff url(Top.jpg);	width:840px;	height:30px;	clear:both;	text-align:center;	}#lewo {		background: #fff;		width:160px;	height:100%;		float:left;		margin-left:0px;	margin-right:0px;	margin-top:0px;	  }#srodek {		background: #DCDCDC;		width:500px;	height:100%;		float:left;	}#prawo {		background: #fff;		width:160px;	height:100%;		float:right;		margin-left:5px;	margin-right:5px;	  }#stopka {	background:#C0C0C0 url(Stopka.jpg);	width:840px;	height:20px;	clear:both;		text-align:center;	}
benkowik
komentarz
komentarz
Chłopie poco brnąc w rozwiązania które i tak nie są najlepsze? Fakt można budować dom,drogi itp bez maszyn z drewna najlepiej ;) ale poco? Też fakt skoro mam milion(dużo zasobów) mogę je wszystkie roztrwonić bez myślenia, ale czy chce? Jak się PHP nie nauczy i tak dużo nie zdziała nie zaszkodzi mu to.

Jeny ale Ty jakiś nierozumny jesteś. Co ma style CSS do PHP? Chyba tyle samo liter. Tu chodzi o układanie się grafiki czyli prościej pikseli. Jeśli zaprojektuje sobie szablon to wtedy będzie myślał o zakodowaniu treści i tu będzie milion myśli o najszybszych rozwiązaniach.

Wrzuć jak możesz cały szablon (style,index i grafikę) i napisz dokładnie co chcesz osiągnąć.

Posty, które znajdą się poniżej i nic nie będą wnosić do rozwiązania CSS będą karane warnem.

Demerzel
komentarz
komentarz

Jeny jaki ty tępy jesteś benkovik. Jak zrobisz table masz od razu zrobiony układ, stronę podzieloną na części w które wkładasz co chcesz. No ale jak to zbyt skomplikowane to cóż. Jak mówił Einstein"Dwie rzeczy są nieskończone wszechświat i ludzka głupota. Co do tej pierwszej nie mam pewności.

// Doigrałeś się +20%

// 30 dni

// Nadal nie rozumiesz, że autor chce na DIV'ach?

// Benkowik

benkowik
komentarz
komentarz
Jeny jaki ty tępy jesteś benkovik. Jak zrobisz table masz od razu zrobiony układ, stronę podzieloną na części w które wkładasz co chcesz. No ale jak to zbyt skomplikowane to cóż. Jak mówił Einstein"Dwie rzeczy są nieskończone wszechświat i ludzka głupota. Co do tej pierwszej nie mam pewności.

// Doigrałeś się +20%

// 30 dni

// Nadal nie rozumiesz, że autor chce na DIV'ach?

// Benkowik

Ale zrozum, że autor chce na DIV'ach i na dodatek za pomocą obrazka?

Marooooo zaraz Ci zrobie przykład takiego rozwiązania :)

Demerzel
komentarz
komentarz (edytowane)

Czy dziecku które chce zapałki dajesz je? Pewnie obrazu zapalone. Ty możesz obrażać ludzi jak dostaniesz kuksańca od razu płacz. Na wszystko jest wiele rozwiązań jedne są lepsze drugie gorsze ale to za trudne.

PS. Lepiej wskazywać droge do nauki czy wykonywać robotę za innych? Gratuluje podejścia.

// A skąd wiesz jak mu pomoge?

// Benkowik

benkowik
komentarz
komentarz

Czy o coś takiego Ci chodzi?

53927230.jpg

Kliknij aby powiększyć

Marooooo
komentarz
komentarz

Tak dokładnie o to mi chodzi :)

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.