După cum probabil ați observat, paginile blogului meu au devenit "cauciuc". Destul de netrivială pentru mine, vă spun, o situație care, în opinia mea, am reușit doar patru. Prin urmare, scriu acest post pentru a găsi cea mai bună soluție cu ajutorul dvs., dragi cititori și colegi din magazin =)
Sarcina este de a crea o structură "cauciuc" cu un browser încrucișat, cu o bară laterală din partea dreaptă în care (layout) o coloană cu conținut cu rezoluții de ecran de 1280 × 1024 și mai mare ar fi plasat vizual aproximativ în centrul ferestrei browserului.
caracteristici
- Formatul "cauciuc". Ar trebui să apară întinderea din cauza coloanei cu conținutul.
- Apăsați întregul conținut al paginii la marginea din dreapta a ferestrei browserului, la rezoluții de ecran de 1280 × 1024 și mai jos.
- În partea stângă, faceți o indentare dinamică pentru a centura vizual conținutul (numai la rezoluții de 1280 × 1024 și mai mari).
- Limitați lățimea maximă a paginii pentru rezoluțiile mari ale ecranului (în exemplul meu - 1300 pixeli).
- Pentru a obține compatibilitate cu browserul încrucișat.
- Utilizați numărul minim de etichete, scripturi și hack-uri.
Dacă vorbim doar despre browserele moderne (Opera, FireFox, Safari, Chrome, IE8b2), atunci nu creează deloc probleme și sarcina în ele este rezolvată ușor, chiar și în IE7 totul funcționează cu stiluri standard. Problema este, ca de obicei, în IE6. astfel încât, de fapt, toată lucrarea este redusă la inventarea "cârjelor" pentru acest browser.
Ce sa întâmplat cu mine, puteți viziona direct pe blogul meu. sau vedeți un exemplu creat separat.
Maximul pe care l-am reușit să-l fac pentru IE6 este de a aplica expresia la lățimea minimă și maximă, dar rezultatul lasă mult de dorit - când îngustați / extindeți fereastra browserului, acesta se comportă inadecvat.
În general, fac apel la ajutorul dvs., dragi colegi;) Ajutați-vă, vă rog, să rezolvați frumos problema.
P.S. În secret pentru toată lumea - am speranțe mari pe Serghei. pentru că știu că decide astfel de lucruri pe "Hurray!" =)
Articole similare
Trimiteți-le prietenilor: