1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 | html { height: 100%; } body { font-family: Arial, Helvetica, sans-serif; text-align: left; background-color:#F9F9F9; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; height: 100%; } #content { width: 100%; background-color:#F9F9F9; } #content_bottom { position: relative; top: 5px; height: 30px; background-color:#FFFFFF; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #FABD23; border-right-color: #FABD23; border-bottom-color: #FABD23; border-left-color: #FABD23; } #content_center { height: auto; background-color:#FFFFFF; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; } #content_top { background-color:#F9F9F9; } .font_navigatie { font-size:11px; } #main_left { width: 150px; background-color:#F9F9F9; float: left; } #main_right { width:auto; background-color:#F9F9F9; float: right; } #menu_top { width: 100%; height: 100px; background-color:#F9F9F9; } #menu_center { width: 100%; height: auto; background-color:#FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; } #menu_navigatie_head { position:relative; left:5px; } #top { width: 95%; background-color:#F9F9F9; text-align: right; } #wrapper { width: 100%; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>-</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="stylesheet.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="top">login</div> <div id="wrapper"> <div id="main_left"> <div id="menu_top"></div> <div id="menu_navigatie_head"><font class="font_navigatie">navigatie</font></div> <div id="menu_center">A</div> </div> <div id="main_right"> <div id="content"> <div id="content_top"> <div class="menu_top_selected">selected</div> </div> <div id="content_center">kkk</div> <div id="content_bottom">kkk</div> </div> </div> </div> </body> </html> |
ja dat werkt ook niet voor mijn probleemquote:
1 2 3 4 5 6 7 | #main_left { float: left; width: 150px; } #main_right { margin-left: 150px;/* groter of gelijk aan #main_left:width */ } |
1 2 3 | body { line-height: 1.6em; } |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |