 xhtml, szerokości % i px w jednej linji. |
| xhtml, szerokości % i px w jednej linji. |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 5.02.2007 Ostrzeżenie: (0%) 
 |
Mamy sobie taki oto kodzik:
Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> <style type="text/css"> body{ min-width:950px; } #left{ float:left; width:15%; background:#9988cc; padding:3px; border:1px solid black; } #left_two{ float:left; width:15%; background:#9999bb; border:1px solid black; padding:3px; } #general{ float:left; border:1px solid black; width:50%; padding:5px; } #right{ float:right; width:16%; padding:3px; background:#8888bb; border:1px solid black; } </style> </head> <body> <div id="left"> LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO<br/> <br/> </div> <div id="left_two"> LEWO dwa <br/>LEWO dwa <br/>LEWO dwa <br/>LEWO dwa <br/>LEWO dwa </div> <div id="general"> srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek ! <br/> ssssssssssssssssssss sda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdassda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdassda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdas <br/> ssssssssssssssssssssssssssssssssssss sssssssssssssssssss sssssssssssssssssssssssssssssss sssssssssssssssssssssssssssssssss </div> <div id="right"> prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo </div> </body> </html> Wszystko super fajnie, zmniejszamy okno przeglądarki równomiernie się wszystko ładnie zmniejsza itd. Ale teraz załóżmy że chcemy aby tylko środkowe okno się zmniejszało i powiększało a boczne panele miały stałą szerokość. Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> <style type="text/css"> body{ min-width:950px; } #left{ float:left; width:170px; background:#9988cc; padding:3px; border:1px solid black; } #left_two{ float:left; width:170px; background:#9999bb; border:1px solid black; padding:3px; } #general{ float:left; border:1px solid black; width:40%; padding:5px; } #right{ float:right; width:175px; padding:3px; background:#8888bb; border:1px solid black; } </style> </head> <body> <div id="left"> LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO <br/>LEWO<br/> <br/> </div> <div id="left_two"> LEWO dwa <br/>LEWO dwa <br/>LEWO dwa <br/>LEWO dwa <br/>LEWO dwa </div> <div id="general"> srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/>srodek <br/> ssssssssssssssssssss sda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdassda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdassda dsaaaaaaaaaa dsadsa sadsa dad aadad adasdasdas <br/> ssssssssssssssssssssssssssssssssssss sssssssssssssssssss sssssssssssssssssssssssssssssss sssssssssssssssssssssssssssssssss </div> <div id="right"> prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo <br/>prawo </div> </body> </html> Efekt każdy widzi, ja osobiście zawsze kombinuje, zrobić tak żeby główny div rozciągał się jakoś inaczej ale ciekawi mnie jak wy takie coś rozwiązujecie ? Jeśli w jednej linji jest dużo takich tabelek że jedne stałe drugie zmienne to czasami robi się spory problem... Ten post edytował Grzesiek1 6.10.2008, 16:34:52 |
 |
 
|
Grzesiek1 xhtml, szerokości % i px w jednej linji. 6.10.2008, 16:31:37 
-SaraniS- Hmm, w taki sposób?
[HTML] pobierz, plaintext ... 19.12.2008, 02:03:18   |
|
Aktualny czas: 22.08.2025 - 16:09 |
