Hvordan øke DIV Høyde Ifølge Andre DIV innhold
Web-side design teknikker alle avhengige av designerens evne til å manipulere Hypertext Markup Language og Cascading Style Sheets. Øke høyden på en DIV basert på høyden av en annen DIV innhold er en svært vanlig teknikk. Det brukes ofte i søyleliknende oppsett, hvor høyden på to kolonner trenger å være lik uavhengig av mengden av innholdet i hver av kolonnene.
Bruksanvisning
1 Åpne et tekstredigeringsprogram som Notisblokk. Hvis Notepad er ikke tilgjengelig på skrivebordet, åpne "Start" -menyen, klikk på "Alle programmer," "Tilbehør", "Notisblokk".
2 Skriv inn følgende kode:
<Html>
<Body>
<Style>
</ Style>
<Div id = "wrapper">
<Div id = "container">
<Div id = "innhold">
</ Div>
</ Div>
</ Div>
</ Body>
</ Html>
Dette setter opp skjelettet av en grunnleggende nettside.
3 Legg til følgende kode rett etter "<style>" tag:
wrapper {width: 900px; margin: 0 auto} beholder {float: right; background-color: green; width: 600px; } Innhold {float: left; bredde 300px; margin-left: -300px; }
Dette setter opp skjelettet med to divs. Den "container" div vil utvide nå basert på høyden av "innhold" DIV.