Gå til innhold

CSS Spørsmål posisjonering


Anbefalte innlegg

Hei igjen :roll:

 

Lar det seg gjøre å posisjonere en box med pixel nøyaktighet i css.

Prøver noe sånt som:

 

#innhold{

font: 12px Arial;

color: #005698;

position: absolute;

top: 135px;

left: 160px;

width:410px;

padding: 0px;

margin: 0px;

background: #FFFFFF;

border: 0px solid #FFFFFF;

 

Men det viser seg at den flytter seg 160px fra forrige objekt på siden (dårlig forklart)

 

Jeg vil at den skal posisjonere seg 160px fra siden og 135px fra toppen,

og drite i om det er noe (bilder, meny osv) på siden eller over (slik at den ikke tar utgangspunkt i dette).

 

Er dette i det heletatt mulig eller må jeg velge en annen løsning :hmm:

 

Er takknemlig for gode svar

Lenke til kommentar
Videoannonse
Annonse

Så det betyr vel egentlig at jeg bør oprette et element for hele siden (ramme)

og posisjonere ut fra denne?

 

bruker nå <div id="innhold">

 

bruker jeg <p id="innhold">

 

Funker det, men da kan jeg ikke ha linje skift på teksten.

Bruker jeg linjeskift med <p id="innhold"> går den jo seff ut av posisjon,

eller begynner øverst igjen dersom jeg setter <p id="innhold"> foran setningen

dette er jo logisk men hvordan gjør jeg det rett?

 

(ja jeg er en vrituos på forklaring :blush: )

Endret av Hagforce
Lenke til kommentar

Er det ikke bare å ta 160px minus bredden på elementet mellom ytterste kant og elementet du skal ha 160px fra det?

 

F.eks., hvis elementet du skal ha til venstre for elementet du skal ha 160px fra kanten har margin-left: 0; er 140px bredt:

 

#innhold {
margin-left: 20px;
}

 

Jeg har i alle fall alltid brukt det. Eller har jeg misforstått?

Endret av Purify
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...