Hvordan fikse absolutt og relativ posisjonering i IE

December 14

Internet Explorer (IE) bruker Hypertext Markup Language (HTML) og Cascading Style Sheets (CSS) for å bestemme plasseringen av elementer på en side. CSS benytter "posisjon" attributt, som brukes til å bestemme hvordan et element vist på i forhold til andre elementer i en side. Når et element benytter den "absolutte" posisjonering, forblir den i sin definert posisjon uavhengig av andre elementer rundt det. Når et element benytter "relative" posisjonering, på den annen side, er dens posisjon motvirket av andre elementer. Hvis elementene overlapper hverandre eller er på feil sted, kan du redigere CSS til å fikse absolutt og relativ posisjonering i IE.

Bruksanvisning

1 Legg til "<style>" og "</ style>" til "<head>" og "</ head>" koder i HTML-koden for å aktivere CSS på siden. Eg,

2 Sett inn element "{posisjoner:}" i mellom CSS koder. Erstatt "element" med en ønsket side komponent. Img, kropp og bord er noen eksempler på elementer. Eg,

<Style>
div {posisjon:}
</ Style>

3 Legg til "fast;" eller "absolutt;" etter kolon, slik at siden koden ligner på følgende:

<Style>
div {position: absolute; }
</ Style>

4 Sett de beste, venstre, høyre og nederste taggene i CSS-koden for å fikse absolutt og relativ posisjonering i IE. Legg de ønskede pikselposisjoner til koden. Eg,

<Style>
div {position: relative; top: 20px; bottom: 0px; venstre: 30px; høyre: 0px}
</ Style>

5 Gjenta trinnene over for alle andre elementer på siden. Sjekk siden som du vil endre plasseringen av hver komponent for å sørge for at absolutt elementer ikke overlapper relative elementer.