0
나는 매우 성가신 문제가 있습니다. 나는 CSS를 사용하여 내 사이트의 디자인을 만들었으며 Chrome과 IE에서 완벽하게 작동하지만 CSS 디자인이 Firefox에서 모두 작동하는 것은 아닙니다. 무엇이 문제 일 수 있었는지, 나는 많은 것들을 시험해 보았다. 새 사용자는 이미지를 게시 할 수 없습니다. 나는 스크린 샷으로 설명 할 수 없다. Index.php는파이어 폭스에서 CSS 링크가 작동하지 않습니다.
<!Doctype html>
<html lang="en">
<title>Online Voting RTC</title>
<head>
<link type="text/css" rel="stylesheet" href="css\style.css">
<script type="text/javascript" src="js\create_text_box.js">
</script>
</head>
<body>
<div id="wapper">
<!-- Define Header -->
<?php include("header.php"); ?>
<!-- End Header -->
<!-- Main content area -->
<?php include("maincontent.php");?>
<!-- End of Main content area -->
<!-- Left Sidebar -->
<?php include("sidebar.php");?>
<!-- End Left Sidebar -->
<!-- Footer -->
<?php include("footer.php");?>
<!-- End of Footer -->
</div>
</body>
</html>
에서
내 코드는이 누군가가이 경우에 나를 도울 수 있다면 나는 매우 감사하게 될 것입니다 CSS의 부분
body {
background: #ffffff;
margin: 0;
padding: 0;
}
#wrapper {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #dddddd;
}
#header {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #403cf7;
}
.logo {
float:left;
position:relative;
left:20px;
top:20px;
}
.pagetitle {
float:left;
position:relative;
left:550px;
top:20px;
}
.usermenu {
float:right;
position:relative;
right:20px;
top:20px;
}
#sidebar {
width: 20%;
height: 600px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #ffff99;
text-align: center;
}
#maincontent {
width: 80%;
height: 600px;
margin: 0;
padding: 0;
border: 0;
float: right;
background: #95dff8;
}
#footer {
width: 100%;
height: 70px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #272727;
}
/*-----------------------------------------CSS for navigation Menu------------------------*/
#navMenu{
color:#d4d3d3;
font-family:Geneva;
float:left;
}
#navMenu ul li a{
text-decoration:none;
color:#989694;
}
#navMenu ul li a:hover{
color:#f46322;
}
#navMenu ul{
padding:0;
margin:0;
margin-left:25px;
list-style:none;
position:relative;
left:20px;
top:20px;
}
/*----------------------------------------------------------------------------------------*/
입니다. 사실 나는 브라우저 호환성을 검사하고 있었고, 나는이 문제를 보았다. 미리 감사드립니다. D
당신이 "가 작동하지 않습니다"무엇을 의미합니까? –
정확한 문제를 지정하십시오. –
''대소 문자를 구별하십시오 –