Gå til innhold

Div tag i en div tag hopper ut?


Anbefalte innlegg

Hei!

Jeg prøver å plassere endel div tags inne i "main" div taggen, og deretter bruke style="position:absolute; så jeg kan lett dra div tagsa rundt som jeg vil, men jeg så fort at det blir problemer..

De hopper ut av Main div taggen som jeg har centered. altså vil de ikke stå med lik avstand til kanten av main div taggen om jeg resizer vinduet om du skjønner hva jeg mener.

 

finnes det noen lett måte og plassere div tags inni en main div tag i dreamweaver på, siden style="position:absolute; ikke ser ut til å funke noe bra

 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#container
{
margin: 0 auto;
width: 900px;
}
</style>
</head>

<body>
<div id="container">	Content for New Div Tag Goes Here
<div style="position:absolute; left: 216px; top: 53px; width: 168px; height: 69px;"> LOL</div>
</div>
</body>
</html>

Lenke til kommentar
Videoannonse
Annonse

Anbefaler deg å ikke bruke absolutt plassering av elementer.

Bruk relativ plassering. Da vil LOL plassere seg i henhold til foreldre <div>en.

 

Hvorfor benytter du absolutt forresten?

fordi da kunne jeg dra boksen rundt med musa i design taben i dreamweaver.

kan ikke se dette er mulig med relativ?

takker

Lenke til kommentar

Vel, det er vanskelig å bygge opp et helt nettsted med absolutt plassering av elementer...

Absolutt plassering brukes i de aller fleste tilfeller i dropdown menyer hvor man ønsker at menyen skal poppe opp rett under menyknappen til eksempel.

 

Anbefaler deg å lese litt mer om float, position relative og display samt margin/padding, så skal du se at ting blir mye letter.

 

"Sier ikke at det er lett, men jeg mener det kommer til å være verd det" :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...