Member Avatar for shadiadiph

mAYBE I am a bit rust but my following seems to display ok in firefox chrome but doesn't even work in IE maybe something simple i am missing as I am very rusty.

#topholder {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 120px;
 display:block;
 z-index:0;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0px 0px 0px 0px;
}
#menuholder {
 position: absolute;
 top: 120px;
 left: 0px;
 width: 100%;
 height: 30px;
 display:block;
 z-index:0;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0px 0px 0px 0px;
}
#leftholder {
 position: absolute;
 top: 150px;
 left: 0px;
 width: 13%;
 height: 30px;
 display:block;
 z-index:0;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0% 1% 0% 1%;
}
#centerholder {
 position: absolute;
 top: 150px;
 left: 15%;
 width: 66%;
 height: 30px;
 display:block;
 z-index:0;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0% 2% 0% 2%;
}
#rightholder {
 position: absolute;
 top: 150px;
 left: 85%;
 width: 13%;
 height: 30px;
 display:block;
 z-index:0;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0% 1% 0% 1%;
}
#footerholder {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 30px;
 line-height:30px;
 display:inline;
 z-index:0;
 text-align:center;
 background: transparent;	
 border: 1px solid #336699;
 padding: 0px 0px 0px 0px;
}

and the html

<?php
session_start();
ini_set ("display_errors", "1");
error_reporting(E_ALL);
$pgid = stripslashes($_SERVER['PHP_SELF']);
$pattern = '/\//';
$newpageid = preg_replace($pattern,'', $pgid);
$pageid = $newpageid;
$ipaddress = $_SERVER['REMOTE_ADDR'];

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="css/index.css">


</head>
<body>

<div id="topholder" name="topholder">
top
</div>

<div id="menuholder" name="menuholder">
menu
</div>

<div id="leftholder" name="leftholder">
left
</div>

<div id="centerholder" name="centerholder">
center
</div>

<div id="rightholder" name="rightholder">
right
</div>

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

</body>
</html>
  • 2 Contributors
  • 2 Replies
  • 115 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by shadiadiph

Dani AI

Generated

A missing-or-intermittent stylesheet in IE is more often an environment or delivery problem than a syntax issue. Noting 's prompt about which part failed and 's follow-up that the styles later reappeared, the checklist below covers the usual root causes and quick fixes that prevent the same surprise from happening again.

  • Check Developer Tools (F12): the Network tab should show the CSS request as 200 with Content-Type: text/css; the Console will show parse errors. Also check Emulation/Document Mode — IE running in a compatibility/quirks mode often changes layout behavior dramatically.
  • Clear caches / force refresh. IE caches aggressively; a hard reload (Ctrl+F5) or disabling cache in DevTools removes stale results.
  • Verify nothing is sent before the DOCTYPE (no BOM, no stray whitespace and no PHP errors/warnings). Any output before the DOCTYPE can force quirks mode. Server-side error display should be off in production; output buffering or fixing the source of the warnings prevents accidental output. See Quirks mode (MDN) for how this affects rendering: .
  • Validate the stylesheet: a single CSS syntax error can cause IE to ignore the rest of the file. Use the W3C CSS Validator to catch problems early: W3C CSS Validator.
  • Inspect response headers. If X-Content-Type-Options: nosniff is present but the Content-Type is wrong, IE may refuse the stylesheet. Confirm headers in the network panel.
  • Force standards mode for IE when appropriate by sending an X-UA-Compatible header/meta tag. Example:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

or from PHP:

<?php
header('X-UA-Compatible: IE=edge');
?>

For maintainable Ajax/data storage on elements, prefer id for scripting and data-* attributes for custom values rather than relying on name on block elements. These steps resolve the majority of cases where IE appears to "not apply" CSS.

Recommended Answers

All 2 Replies

Member Avatar for pixelsoul

Well first, you don't need a name on your divs. Second, what "part" is not showing up in IE? The page doesn't show any of the styles or just a particular element on the page is not showing the same?

Member Avatar for shadiadiph

Well first, you don't need a name on your divs. Second, what "part" is not showing up in IE? The page doesn't show any of the styles or just a particular element on the page is not showing the same?

IE wasn't showing any css what so ever all of a sudden it has started showing ok now wierd!! I have put name on my divs as i shall be using AJAX and I have come upon instances where i need id and name

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.