Click here to Skip to main content
15,881,709 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Helo to all of you.
I am a developer
I create a pure XHTML website of 10 pages.
no any form or other things . Just simples content in english and some images there.

Now there is some issues as follow-
1) when i m running this website in IE6-7-8 then the footer /header is not fixed. Some images also not at their proper position.

But on the other hand when i m running it on Chrome , Mozilla, Flock and all then its running goood.

please help me - what should i do ?

waiting for response
Posted

Hi Denishverma,

As of now you didn't explain which element you used for displaying HTML i mean is it Table or Div based structure?

My suggestion is you should have to maintain whole structure of the page inside the or
, and it would be work in almost browser.


I would like to help for this issue after sending some code snippet, so i can check whether you are written code in right way or not?

Please do let me know if you have any doubt. :)

Thanks,
Imdadhusen
 
Share this answer
 
Comments
Dalek Dave 7-Sep-10 6:53am    
Seems about right. That is what DIV's are for.
Hi
Sunasara

Thanks for reply.
I am attaching snippets with this.
And its in DIV.
This is the code of index.html
plz provide me solution and tell me my mistake. I will try to resolve this.

thanks
-----------------


XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
.style1 {
    font-family: "Curlz MT";
    font-size: 24px;
    color: #EAD75C;
    font-style: italic;
    font-weight: bold;
}
.style2 {color: #FF0000}
.style4 {color: #660000}
.style5 {color: #66FF00}
.style6 {color: #330000}
.style8 {color: #FF9900}
.style9 {color: #000000}
.style10 {font-family: "harlow Solid Italic"}
.style13 {color: #FFFF00; display: block; }
.style15 {color: #000000; font-weight: bold; }
.style16 {font-family: "Curlz MT"}
.style17 {color: #000000; font-weight: bold; font-family: "Curlz MT"; }
.style18 {color: #000000; font-weight: bold; font-family: "harlow Solid Italic"; }
.style20 {color: #0000FF; font-weight: bold; font-family: "Microsoft Himalaya"; font-size: 18px; }
.style23 {
    color: #0000FF;
    font-weight: bold;
}
.style25 {color: #FFFF00}
.style29 {font-size: 12}
.style31 {font-size: 14}
.style32 {font-size: 16px}
-->
</style>
</head>
<body>
    <div id="header">
      <ul id="menu">
            <li><a href="index.html"><img src="images/but1.gif" alt="" width="61" height="41" /></a></li>
            <li><a href="aboutme.html"><img src="images/but2.gif" alt="" width="86" height="41" /></a></li>
            <li><a href="index2.html"><img src="images/but3.gif" alt="" width="137" height="42" /></a></li>
            <li><a href="index2.html"><img src="images/but4.gif" alt="" width="89" height="41" /></a></li>
            <li><a href="index2.html"><img src="images/but5.gif" alt="" width="158" height="41" /></a></li>
            <li><a href="index2.html"><img src="images/but6.gif" alt="" width="117" height="41" /></a></li>
      </ul>
        <img src="images/spacer.gif" alt="setalpm" width="120" height="120" border="0" usemap="#Map" class="rss" />
        <map name="Map">
          <area shape="circle" coords="60,60,63" href="#">
      </map>
</div>
    <div id="content">
        <div id="posts">
            <div class="post">
                <h2 class="style10">Welcome to DnA Websolution</h2>
                <div><span class="style8 date"><strong><span class="style13">June 25th</span></strong></span><span class="categories">In: <span class="style6"><strong>MyWorld</strong></span>, <span class="style20">Dinesh</span></span></div>
                <div class="description style29">
                  <div align="left"> <span class="style32">Content --------------------
</a>
                    </p>
                    </div>
                </div>
          </div>
            <div class="post">
                <h2>Corporate Profile...</h2>
                <div><span class="date style25"><strong>June25th</strong></span><span class="categories">In: <strong>Portfolio</strong>, <span class="style23">Dinesh</span></div>
                <div class="description">
                  <p align="left"><span class="style29"><span class="style31"><span class="style32">Content..........</span>. </span><a href="Corporateprofile.html" class="style32">Continue Reading</a> </p>
              </div>
            </div>
        </div>
        <div id="sidebar">
            <div id="search">
                <input type="text" value=""> <a href="http://search.google.com"><img src="images/go.gif" alt="" width="26" height="26" /></a>
            </div>
            <div class="list">
                <img src="images/title1.gif" alt="" width="186" height="36" />
                <ul>
                    <li><a href="#">News</a></li>
                    <li><a href="#">Blogs</a></li></ul>
                    <li><a href="#">Books</a></li>
                    <li><a href="#">Web design</a></li>
                </ul><br>
        <p><span class="style29"><img src="images/robot.gif" alt="" width="200" height="150" />
                <br>
                <br>
                <br>
                <br>
                <br>
            <img src="images/title2.gif" alt="Archieve" width="180" height="34" />
                <ul>
                    <br><li><a href="#">Resources</a></li>
                        <li><a href="#">Partners</a></li></ul>
                        <br><li><a href="#">Other Links</a></li>
                        <li><a href="#">SiteMap</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="footer">
        <p>Copyright &copy;. All rights reserved. Design by <a href="http://www.wordpress.com" target="_blank" title="Dinesh">Dinesh</a></p>
    </div>
</body>
</html>
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900