The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Style not displaying correctly, Drive location of .html effects style
DTIRADAR
post Apr 5 2017, 07:08 PM
Post #1





Group: Members
Posts: 2
Joined: 5-April 17
Member No.: 26,367



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)
Attached File  index.htm ( 4.85k ) Number of downloads: 91
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
DTIRADAR
post Apr 7 2017, 04:55 PM
Post #2





Group: Members
Posts: 2
Joined: 5-April 17
Member No.: 26,367



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" />
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 7 2017, 08:07 PM
Post #3


.
********

Group: WDG Moderators
Posts: 7,638
Joined: 10-August 06
Member No.: 7



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

CODE
<!doctype html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
3 User(s) are reading this topic (3 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th September 2017 - 01:37 PM