Hi everyone with this forum family,.
Please can anyone help me out, I hqve problem creating my web site, what (tag) code can I use to eliminate deferences between firefox and internet explorer, I am bulding a website with (Note pad) and view it with fire for and internet explorer but each of these two explorers dont show my work the same way, internet explorer most time mix up every thing and turn the whole thing wrong, please what can I do to have the same language with these two; is there any code that I ccan use to do this; presently I use clear tag (<div id="clear"></div> ) but it dosen't work, thqnks for your help

Recommended Answers

All 11 Replies

What?????

Hi everyone with this forum family,.
Please can anyone help me out, I hqve problem creating my web site, what (tag) code can I use to eliminate deferences between firefox and internet explorer, I am bulding a website with (Note pad) and view it with fire for and internet explorer but each of these two explorers dont show my work the same way, internet explorer most time mix up every thing and turn the whole thing wrong, please what can I do to have the same language with these two; is there any code that I ccan use to do this; presently I use clear tag (<div id="clear"></div> ) but it dosen't work, thqnks for your help

What you mean is your having problems with your HTML design's web browser compatibility. Can you post your sample code for us to see what is wrong with your codes? Just a sample for us to figure out how can we help you through this community :)

I have same problem as samsnov. The problem can be call as cross browser issue. For example, when you run the script into IE, the design looks fine. But when you run it using FireFox, you can found many problem regarding its design.

Can anyone here give some advise or tip on how to solve cross browser issue?

If you write valid HTML, everything should be fine. If something works in FF (or anything but IE, really) and not in IE, you ran into a bug in IE (there's a lot of them.) and you'll have to find a workaround (that site there also mentions workarounds).

In early days it was a problem...But now a days lot of main browser play roll as same without some of their own performance...

In my experience same web page i saw in different colour in 2 machine..they use same browser..but not same version.therefor i saw that.....(I think so)

HI I am Samsnov whom posted the thrend about cross browser issue, thank you all for your contributions to help me out, but about (kaizerkiller)demand asking me to post some of the codes here as I used them in my site to help find out where the problem is from and possibly find a solution, below is the part of the page

<html>
<head>
<link rel="stylesheet" href="layout.css">
<title>Advanced Layout.</title>
</head>
<body>

<div id="darkblue">

<div id="topleft"><img src="graphics/techtool.gif"></div>

<div id="topright">
<h1>The Magazine for People Who Like <span class="yellowtext">Gadgets<span></h1></div>



<div id="clear"></div>


<ul id="navbar">


<li><a href="california.html">Laptops</a></li>
<li><a href="rockies.html">Cell Phones</a></li>
<li><a href="midwest.html">PDAs</a></li>
<div id="clear"></div> 
</ul>
</div


<div id="clear"></div> 

<div id="maincontent">


<p><span style=" font-size:14pt"><b>W</b></span>elcome to Tech Tool, the magazine for people who like gadgets.</p>

<p>Every day, we cover the latest in electronic gadgetry.</p>
<p><span style="italic">Tech Tool<br />
The Magazine for People Who Like Gadgets.</b><span></p>
</div>

<div id="footer"> </div>


</div>

</body>
</html>

CSS Below

body {
background: #FFFFFF; 
} 

h1 {
font-family: arial, helvetica, sans serif;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
margin: 40px;
}



#topleft {
background: #ffff00;
float: left;
margin: 4px;
height: 100px;
padding:  0px; 
}



#topright {
background-image: url(graphics/bkgd.gif);
margin: 0 0 0   105px;
height:  110px;
padding:  1px; 
}


.yellowtext {
color: #000000;



} 

#topnav {
background: #000000;
width: 100%;
} 


#navbar {
background: #000000;
float: right;
width:  100%;
padding: 0;
margin: 0;
list-style: none;
} 

#navbar li {
display: inline;
} 


#navbar li a {
background: #000000;
float: left;
padding: 5px 70px;
font-family: arial, helvetica, sans serif;
color: #ffffff;
text-decoration: none;
}


#clear {
clear: both;
} 

#navbar li a:hover {
background: #ffff00;
color: #000000;

}


#footer {
background: #000099;
margin: 0;
padding: 10px;
}

body {
background: #ffffcc;
margin: 0px;
text-align: left;
}


#maincontent {
margin: 0 0 0 140px ;
padding: 20px;
}

#pagewidth {
text-align: center;
background:#FFFFFF; 
width: 775px;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;

p {
font-family: arial,helvetica,sans serif;
font-size: 10pt;
margin: 140px
}

If your code isn't strict you could try

<br clear="all" />

instead of the clear class

thank you Loved i will use it

Note that the "correct" way to do this is to change every id="clear" to class="clear" and add

.clear { clear:both; }

to your css.

Thank you all , I am trying to put your correction in practise.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.