Jump to content

Berniew

Members
 View Profile  See their activity

  • Posts

    8

  • Joined

  • Last visited

Contact Methods

  • Website URL
    http://
  • ICQ
    0

Profile Information

  • Location
    Port Jervis, NY

Berniew's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Berniew
    Thank you for replying S@m.What makes this work in IE is the first line of text in the HTML file: <!-- Limpid ? IE in quirks mode --> I have tried different ways of doing the styles for IE with various workarounds using only IE specific styles in a separate CSS stylesheet to no avail. In IE everything looks great until you start to scroll the page then the header and footer scroll with the content instead of remaining in their fixed positions.
  2. Berniew
    I am having trouble with IE when trying to use fixed headers and footers on a page unless I use quirks mode. I want to use a different CSS styles sheet for IE and do away with the quirk mode to achieve the same effects as in other browsers. I have been struggling with this for a few days and have not been able to find a way to do this with out using quirks mode.Can someone point me in the right direction? <!-- Limpid ? IE in quirks mode --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"><html><head><title>Fixed footer</title><style type="text/css"> body{ margin:0; padding: 100px 0 100px 0; } div#header{ position:absolute; top:0; left:0; width:100%; height: 100px; background-color: #99CCFF;} div#footer{ position:absolute; bottom:0; left:0; width:100%; height:50px; background-color: #99CCFF; } @media screen{ body>div#header{ position: fixed; } body>div#footer{ position:fixed; } } * html body{ overflow:hidden; } * html div#content{ height:100%; overflow:auto; }</style></head><body><div id="header"> <h1>This is a fixed header</h1></div><div id="content"><pre>This is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is contentThis is content</pre></div><div id="footer"> <h3>This is a fixed footer</h3></div></body></html>
  3. Berniew
    It’s working now, thank you for the help and for the link to the article.
  4. Berniew
    I have tried to use the syntax from the example code you provided however the IE stylesheet is not used. Unless I am missing something. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title>HTML CSS Test</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <link href="testing.css" rel="stylesheet" type="text/css"><!--[if lte IE 6]><link rel="stylesheet" href="testingIE.css" /><![endif]--></head>
  5. Berniew
    In order to adjust my style definitions to render a page the same in IE 6.0 and Firefox 1.5.04 I have added comments that are ignored by FF but acted on by IE. However these comments fail the W3C CSS validation test is there an alternate way to adjust style sheets when there are adjustments needed for IE?My CSS does pass validation if I don’t try to adjust for IE. body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #333333; background-color: #F9F9F9; margin: 0% 0% 0% 0%; /*top right bottom left*/ /* adjust for IE */ <!--margin: 1% 0% 0% 0%;-->}
  6. Berniew
    The align attribute has been depreciated in HTML 4.01 and is not supported in XHTML 1.0 Strict. The other option is to define a style and use margin: 0 auto;.<html> <head> <style> #main { width:430px; float:right; padding:8px 0; margin:0 auto; } </style> </head><body> <div id=”main”> .. .. </div></body></html>
  7. Berniew
    Thank you for the help S@m my table is now centered. Thank you for the help with the border aspnetguy the changes have been made. Interstingly when I tested the page in IE the border is exactly the way I want it without having to make any changes but in FireFox is where I had the problem. I went and made the change and now both look the same.
  8. Berniew
    Can someone explain how I can center a tabular table in a division? Also, I have specified a different background and text color for the header (inverse of the data: black background, white text) which works well however when I set the border color around the header to white it gives the appearance that the header data is 1px smaller. What I would like to do is keep the boarder black but keep the two cell dividers white. <html><head><style>#main { width:430px; float:right; padding:8px 0; margin:0; } #tblodds { position: relative; border-collapse: collapse; border:1px solid #000000; width: 90%; } #tblodds td { border:1px solid #000000; padding: 0 .5em 0 .5em; } #tblodds th { background-color: #000000; color: #ffffff; border:1px solid #ffffff; padding: 0 .5em 0 .5em; text-align: center; }</style></head><body><div id="main"> <table id="tblodds"> <tr> <th>Probability of cards hitting the flop</th> <th>Odds</th> <th>%</th> </tr> <tr> <td>Two suited cards</td> <td>0.8:1</td> <td>55.0</td></tr> <tr> <td>No suited cards</td> <td>1.5:1</td> <td>40.0</td> </tr> <tr> <td>Pair</td> <td>5:1</td> <td>17.0</td> </tr> <tr> <td>Three suited cards</td> <td>18:1</td> <td>5.2:1</td> </tr> <tr> <td>Three cards to a straight</td> <td>28:1</td> <td>3.5:1</td> </tr> <tr> <td>Three of a kind</td> <td>424:1</td> <td>0.24:1</td> </tr> </table> </div></body></html>
×
×
  • Create New...