Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Style not displaying correctly

Posted by: DTIRADAR Apr 5 2017, 07:08 PM

If I run this on the my c drive the banner looks correct. If I run it from a network drive the banner does not fill the width of the screen. Seems to work fine in Chrome but IE 11 changes with file location.

<html>

<head>

<style>

.wrapper {
width: 100%;
height: 100px;
top: 0;
right: 0 ;
position: fixed;
background-color: #015786;

}

.header p {

color:white;
font-size: 40px;
margin-top: 10px;
!text-align: center;
padding-top: 12px;
padding-left: 480px;
position: fixed;

}

#logo {
float: left;
margin-top: 20px;
margin-left: 10px;
}

.container{
margin: 8%;
}

.container p{
font-size:20;
Margin: 0px 15px 20px 15px;
}

.container p1{
font-size:30;
Margin: 0px 10px 10px 10px;

}

.alignleft {
float: left;
}

.alignright {
float: right;
padding-right:400px;
text-align: right;
}

#textbox{

}
</style>

<div class="wrapper">
<div class="header">
<div id="logo">
<img src="denverlogo.png" style="width:150px;height:50px;">
</div>
<p>Electronic Engineering Bureau Documents</p>
</div>
</div>

</head>

</body>

</html>

Attached File(s)
index.htm ( 4.85k ) Number of downloads: 465

Posted by: DTIRADAR Apr 7 2017, 04:55 PM

Ok I found the answer. IE reverts to IE 7 when file is opened from share drive.

Added this to <head> And all is good

<meta http-equiv="X-UA-Compatible" content="IE=11" />

Posted by: Christian J Apr 7 2017, 08:07 PM

You should use a Doctype as well, otherwise browsers may simulate earlier buggy versions. Put this at the very beginning:

CODE

<!doctype html>