Webdesign 101
– en webdesign notesblok

Principeksempel 2

Indsætning af et absolut positioneret element

Retur til foregående

Stylesheet:

html, body {
  margin:0;padding:0; 
  font-family:georgia,serif;}
div#indhold {
  margin: 20px 20x 20px 200px; 
  border:1px solid black;
  padding:0 1em;
  background:#eef;}
div#leftcol { 
  position:absolute;
  left:20px;
  top:20px;
  width:170px;  }
p {margin: 0 auto 0.5em auto;}

Bemærkninger til stylesheet'et:

Det med rødt markerede viser ændringerne i forhold til principeksempel 1.

Du bedes også bemærke, at jeg har fjernet den absolutte bredde på indholdskassen, således at bredden af denne nu indretter sig efter browservinduets bredde i modsætning til venstre spalte.

Det er helt uproblematisk at genindsætte den samme bredde som jeg brugte i det foregående eksempel.

Senest opdateret 7. apr. 2007

Forsiden Generelt/servicesider Design Stylesheets JavaScript Navigation Dynamisk HTML Retur til foregående

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Duis autem vel eum

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.