css-code nicht cross-brwoser fähig!

Dear visitor, welcome to Coder Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

FT45

Beginner

Posts: 7

Wednesday, November 24th 2010, 6:00pm

css-code nicht cross-brwoser fähig!

Hallo Leute,

leider wird mein css code nicht bei jedem Browser richtig angezeigt. -> teeworlds-database.de/blog

Cascading Style Sheets

@charset "utf-8";
 
/* Default */
* { 
	margin: 0; 
	padding: 0;
	border: 0;
}
 
span {
	padding: 6px;
}
 
ul, ol {
	list-style: none;
}
 
a {
	opacity: 1.0;
}
 
/* CSS Document */
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #A16E36;
	color: #543E24;
	overflow:scroll;
}
.left {
	float: left;
}
.right {
	float: right;
}
.wrap {
	border: 3px solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #835A26;
	width: 80%;
	margin: auto;
	border-color: #543e24;
	margin-top: 15px;
	}
	.wrap div {
		padding: 5px;
	}
	.wrap h1 {
		border-bottom: 2px solid;
	}
	.wrap h1 a {
		text-decoration: none;
	}
h2 {
	font-size: 26px;
    padding: 6px 0px;
    margin: 0px;
	padding-bottom: 0px;
}
h1 {
	font-size: 45px;
    padding: 6px 0px;
    margin: 0px;
	padding-bottom: 0px;
}
a:link, a:visited{
    color: #543e24;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
	font-weight: bold;
}
a:active {
    text-decoration: none;
    font-weight: bold;
}
section {
    display: block;
}
#content {
}
header {
	height: 64px;
	background-image: url(../img/header.png);
	background-repeat: repeat-x;
	background-position: center;
}
nav {
	border: 3px solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #835A26;
	width: 80%;
	margin: auto;
	border-color: #543e24;
	margin-top: 5px;
	height: 40px;
	}
	nav li {
		float: left;
		padding: 8px;
		border-right-style: solid;
		border-width: 3px;
 
	}
	nav li a {
		font-size: 20px;
		font-weight: bold;
		padding: 4px;
		border: 1px solid;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-color: transparent;
		background-color: rgba(0,0,0,0.1);
	}
	nav li a:hover {
		background-color: rgba(0,0,0,0.2);
		border: 1px solid;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-color: transparent;
		padding: 4px;
	}
footer {
	border: 3px solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #835A26;
	width: 80%;
	margin: auto;
	border-color: #543e24;
	margin-top: 15px;
	}
	footer div {
		padding: 5px;
	}
.box {
	border: 3px solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #835A26;
	margin: auto;
	border-color: #543e24;
	margin-top: 5px;
	}
	.box div {
		padding: 5px;
	}
	.box div h2 {
		padding: 0px;
		border-bottom: 2px solid;
	}
	.box .footer div{
		padding: 5px;
		border-top: 2px solid;
		padding-bottom: 0px;
	}
.middle {
	width: 80%;
	margin: auto;
	padding-bottom: 0px;
	padding-top: 20px;
}
form {
	width: 75%;
	/*padding: 3px;*/
	}
	form div {
		padding: 10px;
		/* border-bottom: 1px dashed #333; */
	}
	form lable {
		display: block;
		font-family: Georgia, serif;
		font-style: italic;
		width: 130px;
	}
	input[type=text], textarea {
		outline: none;
		border: 3px solid #543e24;
		padding: 3px;
		border-radius: 5px;
		background-color: rgba(0,0,0,0.1);
	}
	input:focus, textarea:focus {
		border: 3px solid #543e24;
	}
	input[type=submit] {
		margin: 5px;
		background-color: rgba(0,0,0,0.1);
		border: 3px solid #543e24;
		border-radius: 5px;
		outline: none;
		padding: 3px;
		/* margin-left: 230px;*/
	}
	input[type=submit]:hover{ 
		background-color: rgba(0,0,0,0.2);
	}
	input[type=submit]:active {
		background-color: rgba(0,0,0,0.3);
	}
	textarea { max-width: 75%; max-height: 304px; }