Столду браузердин терезесинин бүткүл мейкиндигине жайылтуу зарылдыгы, мисалы, столдун ичине барактын дизайны коюлганда пайда болот. Бул көйгөйдү чечүү үчүн татаал код жазуу талап кылынбайт, бирок веб-баракчаларды белгилөөнүн айрым өзгөчөлүктөрүн эске алуу керек.
Зарыл
HTML жөнүндө негизги билим
Нускамалар
1 кадам
Алгач, алдыдагы операциянын маанисин такташыңыз керек. HTML кодунда таблица барактары - бул уяланган жупташтырылган тегдердин жыйындысы (бир ачылуу жана бир жабуу). Уюлдук белгилер (
) сап тегдеринин ичине салынат (
) жана алар, өз кезегинде, столдун тегдерине (
). Таблицанын ачылыш тегинде анын туурасын жана бийиктигин абсолюттук бирдикте (пиксель) да, салыштырмалуу (пайыздарда) да орното аласыз. Салыштырмалуу өлчөмдөр менен, столдун эне элементинин туурасы жана бийиктиги 100% кабыл алынат. Эгерде сиз таблицаны түз эле барактын тулку боюна жайгаштырсаңыз (ал эми катмарга, формага, башка таблицага ж.б.у.с. эмес), анда анын башкы элементинин өлчөмдөрү барактын туурасы жана бийиктиги болот. Демек, үстөлдү бардык бош мейкиндикке жайып туруу үчүн, ага 100% горизонталдык жана вертикалдык өлчөмдөрдү көрсөтүү керек.
2-кадам
Эми муну HTML иш жүзүндө колдоно баштасаңыз болот. Таблицанын туурасы жана бийиктиги туурасы жана бийиктиги атрибуттары менен аныкталат. Ошентип, бардык багыттардагы 100% өлчөмдү көрсөткөн жана, мисалы, бир катарда эки уячасы бар таблица коду төмөнкүдөй болушу мүмкүн:
| столдун сол уячасы | столдун оң уячасы |
3-кадам
Браузер барактын кодун окуй турган туура HTML стандартын тандап алсаңыз, 100% туурасы жана бийиктиги көрсөтүлгөндө, таблицаны сунууга жетиштүү болот. Тег документтин биринчи сабына коюлат. Сизге төмөнкү мазмундагы тэг керек:
4-кадам
Сиздин кодуңузда дагы бир жагдай эске алынышы керек: демейки шартта, баракча терезенин четтеринен бир нече пиксель менен чегинилет, ошондуктан таблица, бардык баракты толтургандан кийин деле, бардык терезеге жайылып кетпейт. Бул керексиз талааларды жок кылуу үчүн, барактын тулку бөлүгүнүн () ачуу тегиндеги тиешелүү атрибуттарда нөл чегинүүлөрүн көрсөтсөңүз болот:
5-кадам
Чогулганда, барактын коду экрандын толук кеңдигине жана бийиктигине чейин сунулган стол менен төмөнкүдөй болот:
Сунулган стол
| столдун сол уячасы | столдун оң уячасы |
