SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    /help_my_css_please.asp IE 5.5 Troubles

    Got a "small" problem on a new site in IE 5.5. Currentely we use almost a 90% CSS only design. You can't get to the page without going through our order process, but I've created a page with some screenshots and helpful text for anybody who wants to tackle the problem.

    There a table located between 2 DIV's that for some reason doesn't see the right columns in IE 5.5. The table just blows out to the right of the page.

    I've already tried messing with the ZINDEX, but can't figure it out.

    Kudos to those who help me out.

    The Page in Question:
    http://www.miracle-group.com/order.asp

    My help the helper page:
    http://www.miracle-group.com/help_my_css_please.asp

    CSS Code:
    Code:
    /* TAGS ____________________________________________ */
    a { text-decoration: none; color: #33319B}
    a:hover { text-decoration: underline; }
    
    body {
    	padding-right: 0px; 
    	padding-left: 0px; 
    	padding-bottom: 0px; 
    	padding-top: 0px; 
    	margin: 0px; 
    	color: #000; 	
    	background-color: #fff;
    	font: 13px Verdana, Arial, sans-serif; }
    
    div {
    	border-top-style: none; 
    	border-right-style: none; 
    	border-left-style: none; 
    	border-bottom-style: none; }
    
    form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
    
    h1 {
    	color: #31659c; 
    	background-color: #fff; 
    	font-size: 20px; }
    
    h2 {
    	color: #31659C; 
    	background-color: #fff; 
    	font-size: 16px; }
    
    h3 {
    	color: #31659C; 
    	font-size: 16px; 
    	background-color: #fff; }
    
    h4 {
    	color: #999; 
    	font-size: 16px; 
    	background-color: #fff; }
    	
    h5 { 
    	color: #9B6831; 
    	font-size: 16px; 
    	margin-bottom: 0px; 
    	margin-top: 18px; }
    
    hr { margin: 0px auto; width: 90%; color: #ffd963; background-color: #fff; height: 1px;  }
    
    html {
    	padding-right: 0px; 
    	padding-left: 0px; 
    	padding-bottom: 0px; 
    	padding-top: 0px; 
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	width: 100%; }
    	
    img { border: 0px; }
    
    input { font: 11px Verdana, Arial, sans-serif; }
    	
    td { font: 12px Verdana, Arial, sans-serif; }
    	
    ul { margin-left: 22px; }
    		 
    p { 
    	font-family: Verdana, Arial, sans-serif; 
    	font-size: 12px; }
    
    /* CLASSES  ____________________________________________ */
    #content {
    	padding-right: 3px; 
    	padding-left: 3px; 
    	padding-top: 5px;
    	padding-bottom: 3px; 
    	margin-top: 0px;
    	margin-right: 24%;
    	margin-bottom: 0px;
    	margin-left: 200px; }
    	
    #content p { font: 13px Verdana, Arial, sans-serif; }
    
    #content img { padding-right: 2px; }
    
    .contentbox {
    	border: 1px solid #ffd963;
    	background-color: #f7f7f7;
    	color: #000; 
    	padding: 3px 2px;
    	margin-bottom: 15px; }
    
    #footer {
    	clear: both; 
    	padding-right: 0px; 
    	padding-top: 3px; 
    	padding-bottom: 3px; 
    	border-top: #FFD963 4px solid; 
    	padding-left: 0px; 
    	font-size: 11px; 	
    	width: 100%; 
    	text-align: center; 
    	z-index: 4; 
    	background-color: #f7f7f7;
    	color: #000 }
    
    #footer .date {
    	float: left; text-align: left
    }
    #footer .contact { float: right; text-align: right; }
    
    #header {
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	color: #00f; 
    	background-color: #31659C;
    	border-bottom: #333 1px solid; 
    	border-top: #264E79 1px solid;
    	width: 100%; 
    	text-align: left; }
    #header a { color: #fff; background-color: #31659C; font-size: 14px; }
    #header a:hover { color: #31659c; background-color: #fff; text-decoration: none;  }
    
    #headers {
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px; 
    	background-color: #ffd963;
    	width: 100%; 
    	text-align: left; 
    	color: #33319B;
    	font: 11px Verdana, Arial, sans-serif;
    	border-bottom: #ccc 1px solid;  }
    
    #head {
    	margin-top: 10px;
    	margin-bottom: 5px;
    	margin-left: 15px;
    	margin-right: 0px;
    	width: 97%; 
    	text-align: left; }
    
    #head .right { text-align: right; }
    	
    #leftcol {
    	padding-bottom: 3px;
    	padding-right: 3px; 
    	padding-top: 5px;
    	padding-left: 0px; 
    	margin-top: 0px; 
    	margin-left: 0px;
    	left: 0px; 	 
    	width: 180px; 
    	position: absolute;
    	font-size: 13px;
    	border-right: 2px solid #ffd963; 
    	background-color: #f6f6f6;  }
    
    #leftcol P { font-size: 11px; padding-left: 3px; }
    #leftcol h3 { margin-left: 6px; background-color: #f7f7f7; font-size: 16px;  }
    #leftcol h4 { margin-left: 6px; background-color: #f7f7f7; color: #9B6831; font-size: 14px;  }
    #leftcol img { text-align: center; padding-bottom: 30px; }
    #leftcol li { margin-top: 0px; font-size: 12px; margin-top: 4px; font-weight: bold; }
    
    .leftbox {
    	border-right: 1px solid #ffd963;
    	border-bottom: 1px solid #ffd963;
    	border-top: 1px solid #ffd963;
    	background-color: #f7f7f7;
    	color: #000;
    	width: 100%; 
    	margin-bottom: 30px; }
    
    .leftclick { 
    	text-align: center; 
    	width: 100%;   }
    
    #rightcol {
    	padding-right: 0px; 
    	padding-left: 3px;
    	padding-top: 5px;  
    	z-index: 3; 
    	left: 79%; 
    	padding-bottom: 3px; 
    	width: 20%; 
    	color: #000; 
    	position: absolute;
    	background-color: #f7f7f7; 
    	border-left: 2px solid #ffd963; 
    	font-size: 11px; }
    
    #rightcol P { font-size: 11px; margin-top: 0px; }
    #rightcol h3 { margin-bottom: 0px; color: #9B6831; background-color: #f7f7f7; font-size: 14px;  }
    #rightcol img { padding-right: 2px; }
    
    #timedate { FLOAT: right; }
    	
    /* REUSABLE  ____________________________________________ */	
    .small { font-size: 10px; }
    .center { margin: 0px auto; }
    .black { color: #000; }
    .brown { color: #9B6831; }
    .blue { color: #31659C; }
    .tableheading { color: #fff; font-weight: bold; font-size: 13px;  }
    .bottomborder { border-bottom: #FFD963 1px solid; }
    .big { font-size: 14px; }
    .butt { background-color: #31659C; color: #fff; }


  2. #2
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry All, After spending all this time making that page up and spending hours trying to find a solution I accidentely deleted the width for that table and everything fixed itself...

    Go figure....

    Thanks


  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2002
    Location
    Penns Woods
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Serendipity...

    Kudos to you
    // PS! My brain just hit a bad sector...


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
  •