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
samsnov 0 Light Poster
teedoff 3 Posting Pro
What?????
kaizerkiller 7 Newbie Poster
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 :)
lyrico 23 Junior Poster in Training
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?
twiss 155 Veteran Poster
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).
kaizerkiller 7 Newbie Poster
Maybe you should read some of these articles:
http://htmlhelp.com/tools/validator/doctype.html
http://www.bitstorm.org/edwin/cursus/css_master_compatibility_chart/
http://blog.lroot.com/articles/the-ie7-compatibility-tag-force-ie8-to-use-the-ie7-rendering-mode/
I used these as my references in web development.
Sadun89 -16 Junior Poster
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)
samsnov 0 Light Poster
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
} Loved 0 Newbie Poster
If your code isn't strict you could try
<br clear="all" />instead of the clear class
samsnov 0 Light Poster
thank you Loved i will use it
twiss 155 Veteran Poster
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.
samsnov 0 Light Poster
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.