Positioning Objects with CSS
by hhogan on July 15, 2008
Built-in Layouts
- Create a new document, File> new.
- In the Panel, under HTML you will see a list of layouts
- Try one or many out.
- Notice that there are comments in the code to help you change the design
About Divs
- A div, like a span, creates a “box” around a piece of content so that you can manipulate it by name
- A div can have a class or an id applied to it
- Usually a div has an id applied to it
- Id’s can only be used one time in a page, so they should be reserved for unique parts of the page, like the footer, header, or navigation sidebar.
- Id’s in the CSS are prefaced with #. For Example: #nav
- AP divs are not very useful because they do not adjust to the users browser window and may cover up other parts of the page. You CAN safely position one div absolutely within another.
- AP divs positioning is measured from the top left corner of the window
- To have content in a div scroll: In CSS set a height and under Positioning in the CSS panel, set overflow to scroll
- AP divs can lay on top of each other- set the layer order with the Z index within the AP elements tab of the CSS panel
Notes
Tagged as:
CSS
