CSS - Div Not Responding
Solved. Thanks anyhow.
Similar TutorialsOk, I've read over and over my CSS and everything seems perfect. In my HTML editor, the CSS is working, but when it gets the the internet, the content goes berserk. Here are the parts of the code that are not responding: CSS #content { width:610px; margin-left:0px; position:absolute; left:128px; top:156px; padding:25px; height: 838px; } HTML <div id="content"> (too long for post, please veiw source at website) </div> And the link to the website Any advice ? PHP Code: _results.setAttribute("style", "visibility : hidden;height : 1%;"); node.Height = int isnt working either. Thanks in advance. EDIT: Border problem solved by adding a border-style. I have some (table)border and (cell)padding commands that are not responding in any significant way. Let me first explain what you should see. Then show you the code. It should appear is a black rectangle. Inside this are cells which all have an area of 3px around them. The cells are colored but the area around them should be white (set default color if possible). This white padding should also be right inside the black border, as well as between all cells equally. I may be trying to achieve this the wrong way; I am new to using padding/spacing/border at all, let alone the changes in CSS. Here's the code: CSS: Code: .results_main_table { width: 536px; height: 101px; border: 1px; border-color: #000000; border-style: solid; #just added to fix borders } .results_main_cell { width: 534px; height: 101px; } .results_content_table { width: 534px; height: 99px; } .results_pic_bg { height: 93px; width: 93px; background-color: #F2F2F2; padding: 3px; } .results_infobar_short { width: 214px; height: 21px; background-color: #F6F6F6; padding: 3px; } .results_infobar_medium { width: 215px; height: 21px; background-color: #CCCCCC; padding: 3px; } .results_infobar_long { width: 350px; height: 21px; background-color: #F6F6F6; padding: 3px; } .results_infobar_fav { width: 79px; height: 21px; background-color: #F6F6F6; padding: 3px; } HTML: Code: <table class="results_main_table"> <tr> <td class="results_main_cell"> <table class="results_content_table"> <tr> <td class="results_pic_bg" rowspan="3"></td> <td class="results_infobar_short"> [username]</td> <td class="results_infobar_medium"> [age] years old</td> </tr> <tr> <td class="results_infobar_short"> [sex_stat]</td> <td class="results_infobar_medium"> Body Type: [body]</td> </tr> <tr> <td class="results_infobar_long"> Location: [city], [state/province], [CC]</td> <td class="results_infobar_fav"><center>ADD to FAV</center></td> </tr> </table> </td> </tr> </table> Here's the code: Code: <table class="tab_thin_table"> <tr> <td class="tab_start_off" rowspan="2"></td><td class="tab_bg_off" rowspan="2">Example 1</td><td class="tab_end_off" rowspan="2"></td> <td class="tab_start_on" rowspan="2"></td><td class="tab_bg_on" rowspan="2">Example 1 ON</td><td class="tab_end_on" rowspan="2"></td> <td class="tab_start_off" rowspan="2"></td><td class="tab_bg_off" rowspan="2">Example 3</td><td class="tab_end_off" rowspan="2"></td> <td class="tab_thin_spacer"></td> </tr> <tr> <td class="tab_thin_top"></td> </tr> </table> Here's the CSS: Code: tab_thin_table { width: 578px; vertical-align: top; } .tab_thin_top { height: 1px; background-color: #6E7073; } .tab_thin_spacer { height: 19px; } .tab_start_on { width: 6px; height: 20px; background: url(../container/tab_start_on.gif); background-repeat: no-repeat; } .tab_bg_on { background: url(../container/tab_bg_on.gif); } .tab_end_on { width: 10px; height: 20px; background: url(../container/tab_end_on.gif); background-repeat: no-repeat; } NOTE: tabs with "off" are same as tabs with "on" just different image Here's the problems As you can see the tab_thin_spacer and tab_thin_top sit on top of each other. The cells with are using the tab ons and offs are of dynamic widh determined by each page. However, the tab_thin_table is a set width. I need tab_spacer and tab_top to always stretch the rest of the existing width of the table; whatever width is not taken up by the tab ons and offs Thanks |