2 replies [Last post]
melanoma69
melanoma69's picture
Offline
newbie
Last seen: 5 years 33 weeks ago
Timezone: GMT+1
Joined: 2015-02-27
Posts: 2
Points: 3

Hello all!!
I have 2 css pages:

* {
	padding:0;
	margin:0;
}
 
header {
	width:100%;
}
 
header nav {
	width:90%;
	margin:20px auto;
	max-width:1000px;
	background:#024959;
}
 
.menu_bar {
	display:none;
}
 
header nav ul {
	list-style:none;
	overflow:hidden;
}
 
header nav ul li {
	float: left;
}
 
header nav ul li span {
	margin-right:10px;
}
 
header nav ul li a{
	display:block;
	padding:20px;
	color:#fff;
	text-decoration:none;
}
 
header nav ul li a:hover {
	background:#037E8C;
}
 
section {
	padding:20px;
}
 
@media screen and (max-width:800px) {
	header nav {
		width:80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;*/
		overflow:auto;
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding-top: 25px;
		padding-left: 10px;
		background:#024959;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background-image: url("/images/logo.png");
		background-size: 70% 100%;
		background-repeat: no-repeat;
		background-position: right;
		overflow: hidden;
		font-size:25px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
	}
 
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255,.3);
	}

And the other:

@charset "utf-8";
/* CSS Document */
/*
	<div id="temp">
  		<div id="chart_nowmeter"></div>
  		<div id="chart_cpunowmeter"></div>
  		<div id="traffic">
  			<div id="traffic_graph"></div>
  			<div style="clear:both"></div>
  			<div id="traffic_div"></div>
 
  		</div>
  	</div>
    <div id="chart_temphistory"></div>
    <div id="chart_cpuhistory"></div>
*/   
 
#gencontainer {
	width: 100%;
    	margin: 0 auto;	
	}
 
#topmenu {
 
	}
 
#temp {
	width=100%;
	overflow:hidden;
	display:inline-block;
}
 
#chart_nowmeter {
	position:relative;
	float:left;
	margin-left:100px;
	width:256px;
	height:256px;
	display:inline-block;
}
 
#chart_cpunowmeter {
	position:relative;
	float:left;
	width:256px;
	height:256px;
	display:inline-block;
}
 
#traffic_div{
	float:center;
 
}
 
#traffic{
	height:250px;
	width:100%;
	float:center;
}
 
#chart_temphistory{
 
 
}
 
#chart_cpuhistory{

My trouble is, the second shows up than the other (table). Attached file shows the problem.

Thank you and sorry for my English

AttachmentSize
screenshot.png565.59 KB
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 2 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Sounds like a selector or

Sounds like a selector or specificity issue.
Can you link to an example page?

melanoma69
melanoma69's picture
Offline
newbie
Last seen: 5 years 33 weeks ago
Timezone: GMT+1
Joined: 2015-02-27
Posts: 2
Points: 3

Thankx for your answer. I

Thankx for your answer. I founded the solution in the z-index order.