Here is the CSS:
#floater {
position: absolute;
left: 10px;
top: 10px;
width: 140px;
height: 150px;
border: medium outset red;
}
#explain {
position: absolute;
left: 160px;
top: 10px;
width: 80%;
height: 80%;
border: medium dotted green;
}
#questions {
position: absolute;
left: 225px;
top: 10px;
// width: nn;
// height: nn;
border: thin solid blue;
}
-
why do both the floater and explain divs use
absolute positioning?
-
why does one use absolute pixel measures for everything while
the other uses percentages for some?
-
how would we make explain wrap around floater?
-
why is this questions div absolutely positioned?
"absolute" relative to what?
-
how could we make this layout better at adapting to the user
resizing the browser window?