CSSPropertiesPositionering
[ Hem ] Allmänt ASP XML SQL ADO HTML CSS VB Java Design Karta
Användning av CSS Properties Exempel Positionering Filter

Positionering

Inställning Alternativ Exempel
position absolute
relative
static
Se separat kapitel om positionering
bottom auto

Eller ett mått t.ex. 50px

Förutsätter att position
attributet är satt
<DIV STYLE = "position:absolute; bottom:50px">
Denna text kommer 50 pixels från
sidans slut
</DIV>
clip auto (visar allt)

rect(top höger botton vänster)
Förutsätter att position
attributet är satt
Endast IE5
<DIV Style="position:absolute;
clip:rect(10px auto auto 10px)">
<IMG SRC="./images/asp_right.gif">
</DIV>



Ovanstående bild är klippt 10
pixels i toppen och till jänster
top
bottom
left
right
height
width
Möjlighetet att bestämma placeringen och storleken på ett objekt
Används oftast med DIV
<DIV STYLE="position:absolute;left:100px">
<IMG SRC="cone.jpg">
</DIV>
overflow visible
scroll
hidden
auto

Hur browsern skall hantera text
som inte får rum...
Nedan är olika varianter av
<DIV STYLE="width: 100px; height: 100px;
overflow: xxx;">
Här kommer en text som INTE får rum på 100x100 pixels
</DIV>

overflow: auto;

En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text

overflow: visible;

En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text

overflow: hidden;

En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text

overflow: scroll;

En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text
z-index Möjlighetet att bestämma hur
överlappande objekt kommer i djupled.
Ett högre värde på z-index gör att
objektet kommer ovanpå ett som har ett
lägre värde
z-index:1
z-index:2
  LayoutUtskrift
Properties
Typsnitt
Färger och bakgrunder
Layout
Positionering
Utskrift
Pseudoklasser
Listinställningar
Måttenheter


Top
< Layout Utskrift>
© Anders Enges, Vörå 2002  | 21.09.01 07:06 Visa asp koden