Forum Moderators: not2easy

Message Too Old, No Replies

browser problem

         

wauss

8:10 pm on Oct 28, 2004 (gmt 0)

10+ Year Member



why doesn't this simple code look the same in both browsers?
check: <snip>
what should I do?

<style type="text/css">
div.header{
width:774px;
border-left:1px solid;
border-right:1px solid;
border-top:1px solid;
}
div.main{
width:774px;
border-left:1px solid;
border-right:1px solid;
}
div.footer{
width:774px;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
}

</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<div class=header><img src="images/bovenbalk3.gif" width="774"></div>
<div class=main></div>
<div class=footer><img src="images/onder.gif" width="774"></div>

[edited by: SuzyUK at 1:05 pm (utc) on Oct. 29, 2004]
[edit reason] sorry no URLs : see TOS #13 [webmasterworld.com] [/edit]

photon

8:50 pm on Oct 28, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



wauss--

It looks like the site has been bitten by the IE "peek-a-boo" bug. Here's a thread [webmasterworld.com] that suggests a fix. A search on Google will also turn up other methods.

Note that the wnw TOS [webmasterworld.com] prohibits the posting of personal URLs. Posting the appropriate code (as you've done), and describing the problem (instead of posting a link to it) will help others who might look at this thread at a later date--long after your page is fixed and the problem no longer exists.

wauss

9:21 am on Oct 29, 2004 (gmt 0)

10+ Year Member



the url is a screenshot of the problem, because my englisch isn't so good.

But it still haven't solved the problem, i tried allot but nothing seems to work, please help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div.header{
width:774px;
border:1px solid;
border-bottom:none;
}
div.main{
width:774px;
border-left:1px solid;
border-right:1px solid;
}
div.footer{
width:774px;
border:1px solid;
border-top:none;
}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<div class="header"><img src="images/bovenbalk3.gif" width="774"></div>
<div class="main"></div>
<div class="footer"><img src="images/onder.gif" width="774"></div>

<body>
</body>
</html>

wauss

12:55 pm on Oct 29, 2004 (gmt 0)

10+ Year Member



anybody?

SuzyUK

1:15 pm on Oct 29, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



wauss - Welcome to WebmasterWorld!

I'm not sure what's not displaying properly..that code shows

----------- 
¦..Image.. ¦
-----------
content
-----------
¦..Image..¦
-----------

I'm not sure what's different about that except that your content div in the code above is empty.. so will not display in Moz, Opera..

but IE gives all divs 1em default height so the content div is showing as a blank space..

is that what you mean?

Suzy