SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Someone with IE5.5, take a look

    Does the menu act like its left aligned?
    http://d457641.jd35.jodohost.com/index.cfm

    I have the left and right margins=AUTO in my css, does 5.5 not like margins=Auto

    Thanks
    Bryan

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    IE 5.5 doesn't like margin: auto;. What you can do is set text-align to center for the <body> tag and set #maintable to margin: auto; and text-align: left;, which will make it centered in IE5 and all other, more compliant browsers.

  3. #3
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you mean in #maintable, make it margin-right: auto and margin-left: auto, or simply margin: auto?

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by jag5311
    you mean in #maintable, make it margin-right: auto and margin-left: auto, or simply margin: auto?
    Either one will work.

  5. #5
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Vgarcia,

    How does it look now on IE5.5?? What I tried was adding 75px of margin left and right to table#contenthold div table Because the menu is within a div, but its being included via a cfm file, so its a table within a div.

    Anyways, tell me if it looks better. Screenshot would work if you have a couple seconds.

    Thanks

  6. #6
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    This is what it looks like to me (IE5.5 on Win2000 Server):
    Attached Images Attached Images

  7. #7
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well, I guess adding margin-right: margin-left: 75 didn't work. I guess I will try your thing

  8. #8
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, here is my current css

    Code:
    table#maintable {
     width: 693px;
     text-align: center;
     margin-right: auto;
     margin-left: auto;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px;
     border: none;
    }
     
    table#contenthold div table{
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 20px;
    }  <----THis is where the menu is being included!-->
     
    Here is the general code of what the menu is located in
     
    <table id="contenthold">
    		<tr> 
    		  <td>
    	<div id="date"><b>The time is</b>: <cfoutput>#TimeFormat(Now(),"hh:mm tt")#</cfoutput> <b>&nbsp;Current date:</b> <cfoutput>#DateFormat(Now(), "MM/DD/YY")#</cfoutput></div>
    	<br />
    			  <h2>Gift Baskets</h2>
    			  <br />
    	 <div id="menulinks"><CFINCLUDE template="menu.cfm"></div>
    	 <br />
    By the way, I like your site vinnie

  9. #9
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, here is the site

    www.somethingspecialgiftbaskets.com

    Here is the css (kinda long, I apologize)
    Code:
    body {
    background-color: #D6E3F3;
    margin-top: 10px;
    padding: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #003366;
    text-decoration: none;
    border: none;
    
    
    }
    table#maintable {
    width: 693px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: none;
    
    
    }
    #contenthold {
    background-color: #FFFFFF;
    border: 1px solid #003366;
    margin: 0px auto;
    padding: 0px;
    width: 693px;
    
    
    }
    table, td, tr {
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    border-collapse: collapse
    
    }
    h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #003366;
    text-align: center;
    background-color: #E1F0FF;
    margin-top: 0px;
    margin-bottom: 25px;
    margin-right: 100px;
    margin-left: 100px;
    border: 1px solid #003366;
    letter-spacing: 1px;
    
    
    }
    #maincontent h2 {
    font-size: 24px;
    background-color: #E1F0FF;
    margin-right: 50px;
    margin-left: 50px;
    border: 1px solid #003366;
    }
    p {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    text-indent: 10pt;
    line-height: 25px;
    font-size: 12px;
    color: #000000;
    }
    #featured h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #003366;
    text-align: center;
    padding: 3px;
    background-color: #E1F0FF;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid #003366;
    }
    table #featured {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border: none;
    
    }
    .contentborder {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #003366;
    padding: 0px;
    margin: 0px;
    
    }
    #maincontent p {
    padding-right: 10px;
    padding-left: 10px;
    
    }
    table#featured {
    margin: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    
    }
    table#featured td, img, a {
    text-align: center;
    }
    a.featured:link, a.featured:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #003366;
    }
    a.featured:hover {
    text-decoration: none;
    background-color: #E8F3FF;
    }
    table#featured td, img {
    padding-top: 15px;
    padding-bottom: 15px;
    
    }
    h1 {
    margin: 0px;
    padding: 0px;
    }
    h1 img {
    margin: 0px;
    padding: 0px;
    }
    table#contenthold form {
    text-align: center;
    }
    table#contenthold div table{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    
    }
    table#maincontent {
    border: none;
    margin-right: auto;
    margin-left: auto;
    width: 693px;
    
    }
    table#form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
    border: none;
    width: 500px;
    
    }
    table#form td, tr {
    margin: 0px 0px 0px 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    table#insert {
    width: 650px;
    margin-right: 20px;
    margin-left: 20px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #003366;
    border-bottom-color: #003366;
    
    
    
    }
    table#insert td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    padding: 5px;
    
    
    
    
    }
    a.edit:link, a.edit:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }
    a.edit:hover, a.edit:active {
    background-color: #B0D8FF;
    }
    .rowcolor {
    background-color: #F2F9FF;
    }
    .rowcolor1 {
    background-color: #FFFFFF;
    }
    .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #DDEEFF;
    padding: 1px;
    border: 1px solid #000000;
    }
    div#recordcount {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    margin-right: 100px;
    margin-left: 100px;
    text-align: center;
    letter-spacing: 1px;
    
    
    
    }
    span.span {
    color: #990000;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    }
    div#recordcount1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #003366;
    text-decoration: none;
    text-align: center;
    margin-right: 100px;
    margin-left: 100px;
    }
    div#baskets {
    margin-right: 100px;
    margin-left: 100px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    }
    table#categories {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #003366;
    text-decoration: none;
    text-align: left;
    margin-top: 15px;
    margin-right: 50px;
    margin-bottom: 15px;
    margin-left: 50px;
    border: 1px solid #003366;
    padding: 5px;
    width: 600px;
    }
    table#categories td {
    padding: 10px;
    }
    tr.bottomborder {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #003366;
    padding-bottom: 10px;
    }
    td.imgcenter {
    text-align: left;
    }
    td img {
    border: 1px solid #003366;
    margin: 0px;
    padding: 0px;
    }
    table#details {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
    border: 1px solid #003366;
    padding: 0px;
    width: 600px;
    margin: 10px 50px 20px;
    letter-spacing: 1px;
    
    }
    table#details td {
    padding: 15px;
    }
    table#details form.details {
    text-align: left;
    }
    img.header {
    border: none;
    margin: 0px;
    padding: 0px;
    width: 699px;
    
    }
    div#menulinks {
    margin-right: 30px;
    margin-left: 30px;
    text-align: center;
    }
    table#menu {
    width: 550px;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #003366;
    border-bottom-width: 1px;
    border-bottom-color: #003366;
    background-color: #F2F9FF;
    padding-top: 5px;
    padding-bottom: 5px;
    
    }
    table#menu td {
    text-align: center;
    padding: 4px 3px;
    }
    a.menulinks:link, a.menulinks:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #000000;
    text-decoration: none;
    border: 1px solid #F2F9FF;
    padding: 1px 3px;
    }
    a.menulinks:hover, a.menulinks:active {
    background-color: #C4E1FF;
    border: 1px solid #003366;
    padding: 1px 3px;
    }
    img.validated {
    height: 15px;
    width: 80px;
    border: none;
    }
    table#featured a, img {
    text-align: center;
    margin-right: 3px;
    margin-left: 3px;
    
    }
    table#contact {
    border: 1px solid #003366;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    margin-top: 15px;
    margin-bottom: 15px;
    }
    table#contact td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #003366;
    text-decoration: none;
    background-color: #E1F0FF;
    padding: 10px;
    }
    .back {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #F2F9FF;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 3px;
    border: 1px solid #003366;
    }
    div.formcontact {
    text-align: left;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    }
    div#emailcontact {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F2F9FF;
    text-align: left;
    padding: 10px;
    width: 500px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    border: 1px solid #003366;
    }
    .button2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #003366;
    background-color: #F2F9FF;
    border: 1px solid #003366;
    }
    .faq {
    background-color: #ECF8FF;
    padding: 10px;
    border: 1px solid #003366;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    }
    .faq td {
    padding: 10px;
    line-height: 20px;
    }
    .faq2 {
    background-color: #ECF8FF;
    text-align: left;
    padding: 10px;
    width: 600px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    border: 1px solid #003366;
    
    }
    .faq2 td {
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #003366;
    text-decoration: none;
    }
    table#faq p {
    padding: 5px;
    background-color: #F2F9FF;
    border: 1px solid #003366;
    }
    div#date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F2F9FF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #003366;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    letter-spacing: 1px;
    
    }
    div#catcount {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    width: 400px;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    }
    li {
    list-style-position: outside;
    list-style-image: url(other/bullet.gif);
    }
    ul {
    line-height: 17px;
    }
    I tried what you said vinnie, but I don't think it worked.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •