Witam mam pytanie jak zrobić 3 divy obok siebie w ten sposób że dwa zewnętrzne mają określoną długość a środkowy tyle ile zostało i jak rozwiązać zdjęcie aby środkowe się powielało lub rozciągało

Oto przykład oczywiście który nie działa co należy poprawić

[HTML] pobierz, plaintext 
<div style="width:100%">
         <div style="float: left; clear: none;">
            <img alt="Matematyka" src="main_top_left.jpg"/>
         </div>
         <div style="float: left; clear: none; width:100%">
            <img alt="Matematyka" src="main_top_center.jpg"/>
         </div>
         <div style="float: left; clear: none;">
            <img alt="Matematyka" src="main_top_right.jpg"/>
         </div>
   </div>
[HTML] pobierz, plaintext 

nie dziala bo te zewnetrzne nie maja zadeklarowanej na stale szerokosci.

Dynamicznie problemu z obrazkiem nie rozwiazesz tzn.
mozesz zrobic jakis warunek ze jesli obrazek w srodku ma jakas szerokosc > np. od 200px to ustawiasz go jako tlo srodkowego diva, w przeciwnym wypadku ustawiasz sam obrazek- nie rozciagnie Ci sie bo brakuje danych do wymiarow srodkowego diva.

innego rozwiazania nie widze

wymyśliłem coś takiego ale nie działa do końca poprawnie co można poprawić

[HTML] pobierz, plaintext 
<table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr height="19px" border="0px">
				<td border="0px" width="91px" style="background-image: url('l_main_top_left')">&nbsp;</td>
				<td border="0px" width="100%" style="background-image: url('l_main_top_center')">&nbsp;</td>
				<td border="0px" width="10px" style="background-image: url('l_main_top_right')">&nbsp;</td>
			</tr>
		</table>
[HTML] pobierz, plaintext 

Jak wpiszę w td 90% działa poprawnie, a jak zmieszać będę okno, to środkowy <td> zaczyna zasłaniać pierwszy

ZŁO, nie rób laya na tabelach. Skorzystaj z rady trucksweb'a, czyli nadaj dwum divom określoną szerokość.

aha środkowy obrazek ma szerokość 1px i on ma się kopiować

To akurat możesz ustawić w background-repeat, więc nie widzę problemu.

Jak pisze coś takiego też nie działa, działa tylko w tedy jeśli wpisze mniej niż 100%

[HTML] pobierz, plaintext 
<div nowrap style="width:100%; white-space:nowrap; text-align:center">
			<div nowrap style="float: left; clear: none; width:91px; background-image: url('l_main_top_left')">
				&nbsp;
			</div>
			<div nowrap style="float: left; clear: none; width:100%; background-image: url('l_main_top_center')" >
				&nbsp;
			</div>
			<div nowrap style="float: left; clear: none; width:10px; background-image: url('l_main_top_right')">
				&nbsp;
			</div>
		</div>
[HTML] pobierz, plaintext 

Chodzi mi o to aby taka obramówka zaokrąglona po bokach dobrze wyglądała na każdym monitorze czy to panorama czy zwykły monitor

Może masz to wszystko w jeszcze jakimś kontenerze ? Daj body też na 100%.

mam rozwiązanie nie wiem czy jest ok ale działa

[HTML] pobierz, plaintext 
<div nowrap style="float: left; clear: none; width:100%; background-image: url('l_main_top_center')" >
					<div nowrap style="float: left; clear: none; width:91px; background-image: url('l_main_top_left')">
					&nbsp;
				</div>
				<div nowrap style="float: right; clear: none; width:10px; background-image: url('l_main_top_right')">
					&nbsp;
				</div>
			</div>
[HTML] pobierz, plaintext 

Mam jeszcze jedno pytanie jak można zapisać style="width:100%-50px;" poprawnie