[html/css] problem z ustawieniem divów Opcje

[bluesqad]

Witajcie,
mam w stylach taki kod:

[HTML] pobierz, plaintext 
div#all {
    width : auto;
    height : auto;
    background-color : #000000;
    border : 0px;
    margin : 0 0 0 0;
    text-align : center;
    color : white;
}
 
div#top {
    width : auto;
    height : 224px;
    border : 0px;
    margin : auto 0 auto 0;
    text-align : center;
    color : white;
}
 
div#top1 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top2 {
    width : 790px;
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top3 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
[HTML] pobierz, plaintext 

i na stronie www pokazuje się to w taki oto sposob: http://studioproste.pl/fotografiaslubna/
Jak ustawić w stylach zeby było to wszystko na jednym poziomie?
Środkowa część musi mieć stałą szerokość a lewa i prawa powinny dostosowywać się do różnych rozdzielczości żeby 'zapychać' przestrzeń kolorem.

Z góry dziękI za pomoc
Romek

[ppp]

nie bardzo widze sens robienia tego na 3 divach. Jezeli dwa boczne divy maja tylko "zapychac" kolorem to zdecydowanie prosciej oba boczne divy wywalic a dolozyc tylko background do glownego diva (div#top) w ktorym to siedzi. I wygladac bedzie chyba tak jak chcesz, no chyba ze o czyms nie napisales.

[bluesqad]

W drugim rzędzie też będzie to samo, tylko tam będzie 5 divów i w trzech z nich będzie tekst.
chodzi mi o to jak zrobić żeby ustawić środkowego diva na konkretną szerokość, a dwa boczne z tego samego wiersza na szerokość automatyczną, żeby sie nie przesuwały do następnych wierszy tylko żeby były wszystkie trzy w jednym.

[isso]

Nie pytaj o rzeczy, które bez problemu można znaleźć w na stronach z kursami - polecam www.kurshtml.boo.pl w czesci CSS znajdziez wszystko co potrzebne.

Ten post edytował isso 7.04.2008, 12:37:22

[bluesqad]

widze tą strone, znam ją. Używam takze Biblii z Helionu o htmlu i cssach.
piszę bo nie moge sobie z tym poradzić. Jakbym nie próbował to rozumiem taki komentarz, ale próbuje i mi nie wychodzi, dlatego pytam, wiec wrzucanie linku w odpowiedzi w tym momencie nie jest do końca na miejscu.

ps.
divy są ułożne w htmlu w ten sposob:

[HTML] pobierz, plaintext 
<div id="top">
    <div id="top1">
      qwe
    </div>
    <div id="top2">
      qwe
    </div>
    <div id="top3">
      qwe
    </div>
  </div>
[HTML] pobierz, plaintext 

Dzięki za jakieś konstruktywne odpowiedzi, a nie odesłanie do kursu bo nie moge sobie poradzić...

[isso]

ehhh!... wszystko tam jest;]

spróbuj z tym

[HTML] pobierz, plaintext 
html, body {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}
 
#NAGLOWEK {
	background-color: #888;
	width: 800px;
}
 
#MENU {
	width: 150px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}
 
 
 
#TRESC {
	width: 500px;
	float: left;
	overflow: hidden;
	background-color: #fff;
}
 
#INFORMACJE {
	width: 150px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}
 
#STOPKA {
	clear: both;
	width: 800px;
	background-color: #888;
}
[HTML] pobierz, plaintext 

[bluesqad]

ale to mi ustawia lewy i prawy div statycznie.
a ja potrzebuje wartości dynamicznych. jednak jeśli jest ustawione na 'auto' to sie wszystko rozjeżdża na 3 wiersze.
statycznie portafię zrobić a tu chodzi zeby się dostosowywało automatycznie w lewym i prawym divie a środkowy tylko ma byc statyczny ustawiony na 790...

[isso]

Hmm to może spróbuj jeszcze tak:

zrób 3 divy, menu lewe, srodek, menu prawe

niech bedą o określonych szerokościach, a grafike wstaw pod spód o ile Cie to urządza

[bluesqad]

Tak własnie próbuje, ale nie chcą się usatwic w jednej lini tylko sie rozjeźdżają, ale to jest dobry pomysł i tak pokombinuje. Dzięki Ci...