Hvordan å bryte ut av en DIV Uten absolutt posisjonering

April 23

Solid webdesign ferdigheter er basert på å være i stand til å deftly manipulere HTML og CSS, eller Hypertext Markup Language og Cascading Style Sheets. Divs er en type HTML-elementet brukes til å skille forskjellige typer innhold. Å kunne manipulere divs fagmessig er en evne alle webdesignere trenger for å mestre. Breaking elementer ut av en som inneholder DIV kan gjøres med svært lite kode.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk. For å starte Notepad, klikker du på "Start" -menyen, "Alle programmer," "Tilbehør", deretter "Notisblokk".

2 Skriv inn følgende kode:

<Html>

<Body>

</ Div>

</ Body>

</ Html>

Denne koden skaper en "wrapper" som vil sentrere resten av innholdet på siden.

3 Rett etter "<body>" tag, skriv inn følgende kode:

<Style>

wrapper {margin: 0 auto; width: 900px; } Eksempel {width: 400px; height: 400px; background-color: red}

</ Style>

Lagre filen med en ".html" forlengelse.

4 Åpne filen i en nettleser. En rød firkant skal være synlig på skjermen. Det blir holdt på plass av wrapper DIV. Å bryte den ut av innpakningen DIV uten å bruke absolutt posisjonering, erstatte koden mellom "<style>" og "</ style>" med følgende:

<Style>

wrapper {margin: 0 auto; width: 900px; } Eksempel {width: 400px; height: 400px; background-color: red; margin-left: -500px; }

</ Style>

Bruk av negative marginer vil bryte elementer ut av en som inneholder DIV.