SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: FIREFOX problem

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    FIREFOX problem

    This get all messed in ff, opera and ie works great

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    	<title>Home</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <style>body {background:#ffffff;
    color:#494949;
    font-family:tahoma;
    font-size:11px;
    padding:0;
    margin:0;
    line-height:14px;
    text-align:center;
    background-image:url(images/til_1.jpg)}
    
    .wrap {background:#ffffff;
    margin:0px auto;
    padding:0;
    width:702px;
    height:757px}
    
    #top {background:url(images/top_1.jpg) left top no-repeat;
    margin:0;
    padding:0;
    width:702px;
    height:202px;
    text-align:left;}
    
    #content {
    width:702px;
    margin:0;
    padding:0;
    text-align:left;
    display:table;
    height:443px}
    
    #footer {background:url(images/bottom.jpg);
    width:702px;
    height:112px;
    margin:0;
    padding:0;
    text-align:left;
    vertical-align:top}
    
    
    /*-------------------------------------------------------PAGE_1-------------------------------------------------------*/
    
    #left_content {
    padding:0;
    margin:0;
    text-align:left;
    width:252px;
    float:left;
    height:100%;
    }
    
    .div {
    padding:0;
    margin:0;
    text-align:left;
    width:1px;
    float:left;
    height:100%;
    background-image:url(images/rep_4.jpg)
    }
    
    #right_content {
    padding:0;
    margin:0;
    float:right;
    text-align:left;
    width:449px;
    height:100%
    }
    
    /*-------------------------------------------------------PAGE_2-------------------------------------------------------*/
    
    .middle {
    padding:0;
    margin:0;
    text-align:left;
    width:224px;
    float:left;
    height:100%
    }
    
    
    /*--11111111111111111111111111111111111111111111111111---Small---11111111111111111111111111111111111111111111111111111111--*/
    
    #left_qw {
    padding:0;
    margin:0;
    text-align:left;
    width:224px;
    float:left
    }
    #right_qw {
    padding:0;
    margin:0;
    float:right;
    text-align:left;
    width:224px
    }
    /*--1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111--*/
    
    
    a{text-decoration:none;}
    .a{text-decoration:none;}
    a:hover{text-decoration:none;}
    .a:hover{text-decoration:none;}
    .clear {
    clear:both}
    .title {
    padding:0;
    margin:0;
    text-align:left;
    width:199px;
    height:25px;
    background-image:url(images/rep_1.jpg); background-repeat:repeat-x; background-position:bottom
    }
    .title2 {
    padding:0;
    margin:0;
    text-align:left;
    width:183px;
    height:27px;
    background-image:url(images/rep_2.jpg); background-repeat:repeat-x; background-position:bottom
    }
    .title3 {
    padding:0;
    margin:0;
    text-align:left;
    width:178px;
    height:27px;
    background-image:url(images/rep_3.jpg); background-repeat:repeat-x; background-position:bottom
    }
    .date {
    padding:0;
    margin:0;
    text-align: center;
    width:73px;
    height:14px;
    border-left:3px solid #6F9A15; background-color:#EEF4D8
    }
    #green_back {
    padding:0;
    margin:0;
    text-align: left;
    width:395px;
    height:14px;
    background-color:#EEF4D8;
    background-image:url(images/ba_2.jpg); background-position:bottom; background-repeat:no-repeat;
    display:table
    }
    
    /*--11111111111111111111111111111111111111111111111111---TEXT---11111111111111111111111111111111111111111111111111111111--*/
    #zz li {list-style:url(images/p_2.jpg); margin:0 0 0 0px}
    #zz a { font-family:tahoma; font-size:11px; color:#464742; margin-left:10px}
    .text1 {
    font-family:tahoma;
    font-size:11px; 
    color:#464742;
    text-decoration:none}
    .text_green {
    font-family:tahoma;
    font-size:11px; 
    color:#6F9A15}
    .text_orange {
    font-family:tahoma;
    font-size:11px; 
    color:#FF7C00}
    .text_green_dark {
    font-family:tahoma;
    font-size:11px; 
    color:#2E4200}
    .link_green_dark {
    font-family:tahoma;
    font-size:11px; 
    color:#6A8538}
    .link_green_light {
    font-family:tahoma;
    font-size:11px; 
    color:#889D60}</style>
    </head>
    
    <body>
    <div class="wrap">
    <div id="top">
      <div style="padding-left:27px; padding-top:37px"><a href="index.html"><img alt=""  src="images/logo.jpg" width="261" height="53" border="0"></a></div>
    
      <div style="padding-left:92px; padding-top:45px"><a href="index-1.html"><img alt=""  src="images/h1.jpg" width="1" 
    
    height="11" border="0" style="margin-right:70px "></a><a href="index-2.html"><img alt=""  src="images/h2.jpg" width="1" 
    
    height="11" border="0" style="margin-right:85px "></a><a href="index-3.html"><img alt=""  src="images/h3.jpg" width="1" 
    
    height="11" border="0" style="margin-right:170px "></a><a href="index-4.html"><img alt=""  src="images/h4.jpg" width="1" 
    
    height="11" border="0" style="margin-right:135px "></a><a href="index-5.html"><img alt=""  src="images/h5.jpg" width="1" 
    
    height="11" border="0" style="margin-right:100px "></a></div>
      </div>
    
    
    <div id="content">
    <!--*********************************************************************************-->
    <div id="left_content">
    <div style="padding-left:30px; padding-top:10px"><div class="title"><img  src="images/latecs_5.jpg" alt="" width="179" height="14" style="margin-left:12px "></div>
    </div>
    <div style="padding-left:42px; padding-top:26px; padding-right:25px">
      <div  class="date" style="width:116px; text-align:left; padding-left:6px; line-height:11px">Lorem ipsum dolor sit</div>
    
    <style type="text/css">
    	.titlen{	font-family: Arial; color: #000033; font-size: 17; font-weight: bold; font-style: ; text-decoration: ; }
    	.text{	font-family: Arial; color: #000000; font-size: 12; }
    	.textsmall{	font-family: Arial; color: #000000; font-size: 11; }
    	a.titlelink:link { color: #0033CC;  }
    	a.titlelink:active { color: #0033CC;  }
    	a.titlelink:visited { color: #0033CC;  }
    	a.titlelink:hover { color: #9999CC;  }
    
    </style>
    <p>Announcements</p>
    		<div class=titlen>Earnest Request I</div><div class=textsmall>July 21, 2006</div><br>
    		<div class=text>When you fill in either the "Contact Form", "Join My Mailing List" form or the "Membership Form"... Please a) ensure, that you entered correctly your e-mail address! b) disable spam filters for domain @prettyscreen.com. Thanks!</div><br /><br />
    		</table><br></div>
    <div style="padding-left:156px; padding-top:12px"><a href="#" class="text1"><strong>read more</strong></a> <img alt=""  src="images/p_1.jpg" align="middle"></div>
    </div>
    <div class="div"><img src="images/di_1.jpg" alt=""><div style="height:440px"></div><img src="images/di_1.jpg" alt=""></div>
    
    <div id="right_content">
    
    <div style="padding-left:24px; padding-top:0px"><img src="images/ba_1.jpg" alt=""></div>
    <div style="padding-left:24px; padding-top:0px"><div id="green_back">
      <div style="padding-left:21px; padding-top:14px; padding-right:27px; padding-bottom:27px"><img src="images/pic_1.jpg" alt="" align="left" style="margin-right:26px"><br style="line-height:7px ">
    <img src="images/trust.jpg" alt=""><br>
    <br style="line-height:25px ">
    Lorem ipsum dolor sit amet, consec in tetuer adipiscing elit. Praesent vestibulXum molestie lacus. Aenean nonummy hendrerit.</div>
    </div></div>
    
      <div style="padding-left:25px; padding-top:8px">
        <div class="title2"  style="width:395px "><img  src="images/best_5.jpg" alt="" width="159" height="16" style="margin-left:12px "></div>
      </div>
    
    <div style="padding-left:36px; padding-top:23px; padding-right:45px; padding-bottom:10px"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing 
    </strong><br>
    <br style="line-height:5px ">
    Praesent vestibulum molesceum dolor sit amet, coctetuer adipiscing raesent vestibulum. molestie lacus. Aenean nonuendrerit mauris. Phasellus porta.</div>
    <div  id="zz"><div id="left_qw">
      <div style="padding-left:52px; padding-top:0px; padding-bottom:0px">
        <ul style="margin:0; padding:0; line-height:23px">
          <li><a href="#">Lorem ipsum dolor siet</a></li>
          <li><a href="#">Consec tetuer mestibulu</a></li>
          <li><a href="#">Denean nonumy hendre</a></li>
    
          <li><a href="#">Fusce suscipit varius cum</a></li>
        </ul>
      </div>
      </div>
      <div class="div" style="height:95px "><img src="images/di_1.jpg" alt=""><div style="height:100%; vertical-align:bottom"></div><img src="images/di_1.jpg" alt=""></div>
      <div id="right_qw">
        <div style="padding-left:44px; padding-top:0px; padding-bottom:0px">
          <ul style="margin:0; padding:0; line-height:23px">
    
            <li><a href="#">Lorem ipsum dolor siet</a></li>
            <li><a href="#">Consec tetuer mestibulu</a></li>
            <li><a href="#">Denean nonumy hendre</a></li>
            <li><a href="#">Fusce suscipit varius cum</a></li>
          </ul>
        </div>
        <br>
    
    </div></div>
    <div style="padding-left:25px; padding-top:15px; clear:both"><div class="title3" style="width:395px "><img  src="images/feat_5.jpg" alt="" width="173" height="14" style="margin-left:12px "></div>
    </div>
    <div style="padding-left:36px; padding-top:25px; padding-right:45px; padding-bottom:10px"><a href="#"><img src="images/sol_1.jpg" alt="" width="123" height="110" border="0" align="left" style="margin-right:12px"></a><strong class="link_green_light">Lorem ipsum dolor sit amet, constuer</strong><br>
          <br style="line-height:5px ">
      Praesent vesbulum molesceum dr sit ametudng molestie lacus. Aenean nonumhendrerit mauris. Phasellus porta. Fusce supit varius mi. <br>
      <br style="line-height:10px ">
      Cum sociis natoque penatibus et magnis disar-<br>
      turienmontes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuad odio. Morbi nu.</div>
    
      <div style="padding-left:346px; padding-top:7px; clear:both"><a href="#" class="text1"><strong>read more</strong></a> <img alt=""  src="images/p_1.jpg" align="middle"></div>
    </div>
    <!--*********************************************************************************-->
    </div>
    
    <div id="footer" class="clear">
    <div align="right" class="text1" style="padding-right:28px; padding-top:42px "><a href="index.html" class="text1"><strong>Home</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-1.html" class="text1"><strong>About Us</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-2.html" class="text1"><strong>Events</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-3.html" class="text1"><strong>Services</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-4.html" class="text1"><strong>Solutions</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-5.html" class="text1"><strong>Contacts</strong></a><br>
    
    <br style="line-height:5px ">
    Copyright &copy; BusinessCompany, 2006&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-6.html" class="text_orange">Privacy Policy</a></div>
    </div>
    </div>
    </body>
    </html>
    Someone know why?

  2. #2
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First, validate your code and fix your errors. First problem is your style tag should read <style type="text/css">. Also, you are missing a table end tag and something else.

    Second, validate your css. You MUST specify units, such as px, for the font-size attribute and all other such things.


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
  •