Favoritlayout 2

Hvis du vil se html-kildekoden og stylesheet'et for hele siden, må du bruge browserens Vis kilde funktion.

Dette eksempel er en simpel spejlvending af favoritlayout 1a.

Spejlvendingen opnås meget enkelt ved at omdøbe #leftcol til #rightcol og ændre formdeklarationen for #leftcol til:

#rightcol { 
  position:absolute;
  right:0;
  top:80px;
  width:180px;}

Et par justeringer er nødvendige: Spaltestregen skal nu laves af en border-right i stedet for border-left og den vandrette padding#indhold-elementet skal være i højre side.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam bibendum tempor nulla. Sed commodo. Aliquam feugiat lorem nec sem. Nullam consequat tristique libero. Suspendisse id erat. Duis ante sem, laoreet nec, nonummy non, posuere at, sapien. Nam porta. Cras sapien tortor, vehicula at, scelerisque quis, consequat at, enim. Fusce quis tortor. Quisque magna. Proin nunc. Phasellus purus metus, tempus a, lobortis in, mollis sed, erat. Nulla facilisi. Curabitur wisi.

Quisque posuere lobortis turpis. Aenean eu lacus. Donec sed lacus eget dui rhoncus tempor. Pellentesque tellus tortor, mattis non, posuere ac, mattis sed, diam. Maecenas accumsan libero sit amet libero.

Retur til foregående