[css] jak zrobic pole pomiedzy menu prawym i lewym

[drdala]

witam tak jak w temacie jak zrobic pole w css centralne pomiedzy polem lewego menu i prawego menu w polu lewym menu dalem parametr float left w prawym float right a chce miec jeszcze takie pole w srodku ktore bedzie mialo odsrep od lewego i prawego menu

link do mojego style.css
http://wklejto.pl/131061

przydałby mi się spis wszystkich przydatnych komend css i html ma ktoś coś takiego?

[dobby]

To pole ma coś zawierać czy nic? Jak ma zawierać to tworzysz menucentral, które ma parametr float:left, jeśli ma być tylko odstęp divami to operujesz marginesem.
Jedna uwaga do twojego css-a - dałeś u siebie global na 100%, a poszczególne divy mają już rozmiar w pikselach - na większości monitorach stworzy ci się, przerwa między jednym divem a drugim - bo 100% będzie miało więcej niż 800px.

[drdala]

chciałbym żeby w środku było pole w którym będzie treść i chciałbym też żeby to pole tak jak i lewe i prawe menu dopasowywały się to szerokości okna przeglądarki lub żeby cała strona była zawsze na środku okna przeglądarki

[dobby]

No to tak jak powiedziała, tworzysz menucenter i dajesz mu float:left (czy right to nie ma znaczenia);
Jeśli całość ma się dopasowywać do okna przeglądarki to dla wszystkich divów musisz szerokość dać w procentach a nie w pixelach.

[drdala]

ok a ile procent optymalnie się ustawia?
a gdybym chciał jednak ustawić jedną szerokość strony to ile px optymalnie się ustawia? tak żeby strona dobrze wyglądała itd
jak uważacie lepiej zrobić?

[dobby]

jeśli piksele to całkowity wymiar szablonu na 780 px. - wtedy nie pojawiają się zbędne suwaczki na rozdzielczości 800x600.
A procentowo to już zależy co chcesz w tych kolumnach umieścić - ale ja bym zrobiła 50% na główny content i po 25% na kolumnę boczną

[raxiq]

Ja generalnie na procentach nie robię, ale nie wiem czy przypadkiem wykorzystując 100% na stronę i tak nie pojawią się suwaki. W razie czego ustaw sobie wtedy 48% na główny content.

[drdala]

jak zrobić żeby było wizualnie profesjonalnie?

[Kartofelek]

lewe - position:absolute; left:0; top:0; bottom:0; width
prawe - to samo co wyżej tylko left = right
srodek - margin-left: szerokość lewej, margin-right : szerokość prawej

lub

wykorzystaj stylowanie tabelkowe:

lewe: - display:table-cell; width
prawe - display:table-cell; width
center: display:table-cell