[HTML][CSS] Szerkosc środkowego diva Opcje

[-po-]

Mam problem ze środkowym divem:

[HTML] pobierz, plaintext 
<div id="content">
<div class="top_navl">&nbsp;</div>
 
<div class="top_navc"><ul class="left">
		text 	text 	text 	text 	text 	text 	text 	text 	text 
</div>
<div class="top_navr">&nbsp;</div>
 
</div>
 
 
 
#content {
width: 100%;
margin: 0 auto;
text-align: center;
border: 1px solid #CCC;
min-width:790px;
max-width:1100px;
display: block;
}
 
div#content{width:expression(document.body.clientWidth < 770? "768px" : document.body.clientWidth > 1110? "1100px" : "auto");}
 
 
.top_navl {
background: url('images/ms_01.gif') top left no-repeat black;
width:16px;
height:40px;
display: block;
border: 1px solid #ccc;
float: left;
}
 
.top_navr {
background: url('images/ms_06.gif') top left no-repeat black;
width:16px;
height:40px;
border: 1px solid #ccc;
float: left;
}
 
 
.top_navc {
background: url('images/ms_02.gif') left top repeat-x blue;
color: #fff;
font: 11px tahoma, arial, sans-serif;
vertical-align: top;
text-align: left;
border: 1px solid #ccc;
float: left;
height: 40px;
min-width: 768px;
width: 100%;
}
[HTML] pobierz, plaintext 

Problem polega na tym że jak ustawie dla top_navc szerkosc w procentach, boczne divy wywala na dół.
Chcę żeby topnavc był szeroki na całą szerokość strony

Mam jeszcze pytanie dotyczace rozdzielczości. Jak wiadomo funkcjonuje max - min width, tyle ze IE nie czyta tego. W jaki inny sposób mogę ustawić szerokość strony pod konkretną rozdzielkę ekranu?

[ferrero2]

Super div-y. Myślałem to zrobić inaczej w content dać background 02, a boczne dać jako obrazki w divie i może wtedy będzie okey. A jak nie uda się to na tabele się przeniose lub poczekam na html 5.0

OMG (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Tabele służą do wyświetlania danych tabelarycznych (ile razy i w ilu miejscach było to już cytowane).

W odpowiedzi na Twoje pytania :

ad1:

Jeśli używasz procentów w divach wewnątrz kontenera to i sam kontener musi mieć wielkość w procentach. Masz dwie możliwości ułożenia strony albo dajesz kontenerowi width 100% (pamiętając o zależnościach że width to jest szerokość części tekstowej a nie diva, na szerokość składa się jeszcze margin, border i padding które należy wyzerować jeśli się z nich nie korzysta) albo body,html dajesz na 100% i następnie np na 95 % ustawiasz diva kontener. Następnie wszystko trzeba dokładnie przeliczyć i krok po kroku dodawać kolejne divy. Najlepszy sposób to wstawić sobie dwa pierwsze i każdemu nadać inny background abyś widział ile rzeczywiście dany div zajmuje.

ad2:

Dostosowanie strony do konkretnej rozdzielczości ekranu zazwyczaj wykonuje się przy szablonach stałych określanych w pixelach nie w procentach. Dla przykładu jeśli przyjmiesz że minimalna rozdzielczość ekranu przy której nie ma się pojawiać poziomy scroll to 1024/768 to ustawiasz szerokość na 1003 (dostosowując do 3-ech przeglądarek OPERA ff i IE). Można samemu sobie sprawdzić kiedy dokładnie pojawi się pasek przewijania w danej przeglądarce, wystarczy zmniejszać z rozdzielczości wyjściowej o 1px i podpatrywać efekt.
Na płynnych szablonach jeśli będziesz chciał dostosowywać pod różne rozdzielczości ekranu to trzeba zainteresować się takim czymś jak skalowanie grafik. Pamiętaj że czcionka 12px będzie inaczej wyglądała dla użytkownika przy różnych rozdzielczościach ekranu. Ewentualnie pomyśleć nad dwoma plikami CSS i poprzez JS za pomocą funkcji pobierzesz rozdzielczość od użytkownika i podmienisz plik style_1260.css na style_1024.css.

Moim skromnym zdaniem stałe szablony dają dużo ładniejsze efekty.

PS

jak poczekasz na html 5.0 to IE i tak coś zpier... w tej kwestii (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Pozdrawiam
Mariusz