general | advanced tech | additional work
yay. div one!
yay. div two!
yay. div three!
----------------- snip ------------------ css file ----------------- snip ------------------ body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input { font-family : verdana,helvetica,arial,sans-serif; } body { font-size : 80%; background-color : #ffffff; margin-left : 0px; margin-right : 0px; margin-top : 0px; border : 0px; width : 100%; } /* the .highx declarations are for highlight backgrounds */ /* I can see these used in tables mostly, but it's your call */ /* These are not strictly needed, but some modules may look ugly */ /* or be hard to use without it */ .high1 { background-color : #eeeeee; } .high2 { background-color : #ededed; } .high3 { background-color : #f0f0f0; } /**************************************************************\ | div declarations- | | You MUST define container_bar1, container_bar2, | | container_main, block1, block2, block_main, | | and menu. Header/Tail info is theme specific | \**************************************************************/ /* This will typically be the "right bar" content container. It should be no */ /* less than 100 px wide. If you are going to be doing a horizantal layout */ /* make sure you anticipate varying height from module to module. */ /* all containers must be defined as an id ("#") and all blocks as classes(".") */ div#container_bar1 { position : absolute; width : 150px; border : none; left : 10px; top : 60px; background : #ffffff; } /* Typically the "left bar" content container. See notes for container_bar1 */ div#container_bar2 { width : 150px; border : none; right : 10px; top : 60px; background : #ffffff; position : absolute; } div#fullcontain { margin: 0px; padding: 0px; position: absolute; width: 100%; height: auto; border-style: none; border-width: 0px; } /* If you need to work on ie 5.x , see http://glish.com/css/7.asp */ /* you might otherwise find some very interesting bugs with div placement */ div#container_main { background : #f0f0f0; left : 150px; right : 150px; border : none; } div.container_small { background : #f8f8f8; left : 10px; right : 0px; border : 10px; margin : 10px; padding : 10px; } div.module { background : #f0f0f0; } /* I am defining block1 and block2 togeather, feel free to seperate */ /* block1 goes in container_bar1, block2 goes in... well.. you know. */ div.block1, div.block2 { border : 1px; margin : 1px; width : 149px; padding : 2px; border-color: #000000; background : #f0f0f0; } /* main content div declaration */ div.block_main { border : 1px; margin : 1px; padding : 1px; top : 20px; border-color: #000000; background : #f0f0f0; } /* menu.div declaration. */ div.menu { border : none; margin : 0px; right : 10px; left : 10px; position : absolute; top : 152px; height : 40px; padding : 0px; background : #f0f0f0; } /* header div. huzzah */ div#header { border : 1px; margin : 1px; right : 10px; left : 10px; height : 151px; padding : 2px; border-color: #000000; background : #f0f0f0; } /* Brandon's GOOGLE API div */ div#mapapi { border : 1px; margin : 315px; right : 10px; left : 10px; height : 400px; width : 500px; border-color: #000000; background : #f0f0f0; border : 1px; }