Stylesheet wordt niet correct weergegeven in alle browsers

Status
Niet open voor verdere reacties.
Ik zie helemaal geen image... Ik gebruik Firefox. De 2e link werkt trouwens niet.
 
Re CSS probleem

Misschien hebt u meer aan bijgaand bestand?
Ik was al hardstikke trots dat het zover gelukt was.
Ik ben maar een leek.

Geweldig als u of iemand anders me op weg wil helpen.
Alvast hardstikke bedankt,
gr,
Nellie
 

Bijlagen

Code:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin-top: 20px;
	padding: 0;
	background: #006600;
	font-family: Tahoma;
	font-size: 0.9em;
	color: #FFFFFF;
}
h1, h2, h3 {
	margin: 0;
	font-weight: normal;
}
p, ul, ol {
	line-height: 240%;
	text-align: justify;
	font-size: inherit;
}
ul, ol {
	font-size: inherit;
}

blockquote { }

a {
	color: #000000;
	font-size: inherit;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#wrapper {
}

/* Header */

#header-wrapper {
	width: 900px;
	margin: 0 auto;
	height: 255px;
}
#header {
	padding: 0px;
	width: 900px;
	height: 90px;
	margin: 0 auto 0 auto;
	background: url('../images/img02.jpg') no-repeat left top;
	position: relative;
	top: 5px;
}

/* Menu */

#menu {
	float: left;
	width: 900px;
	height: 50px;
}
#menu ul {
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
	line-height: normal;
}
#menu li {
	display: inline-block;
	float: left;
	width: auto;
	height: 30px;
}
#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 5px 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.9em;
}
#menu a:hover {
	text-decoration: none;
	color: #999999;
}
#menu .current_page_item a {
	color: #CCCCCC;
}

/* Search */

#search {
	float: right;
	width: 305px;
	height: 76px;
}

#search form {
	float: right;
	margin: 0;
	padding: 15px 20px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: none;
}

#search-text {
	width: 135px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: #ECF9E4;
	color: #658453;
}

#search-submit {
	height: 21px;
	margin-left: 12px;
	color: #39561D;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
}

/** LOGO */

#logo {
	height: 209px;
	background: url('../images/panorama_maasduinen.jpg') no-repeat left top;
}
#logo h1, #logo p {
	float: left;
	margin: 0;
	padding: 0 0 0 40px;
	line-height: normal;
}
#logo h1 {
	padding-top: 120px;
	font-style: italic;
	font-size: 2em;
}

#logo h1 a {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}
#logo h2 {
	font-size: 1.6em;
	float: right;
	padding-top: 160px;
	padding-right: 40px;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
	padding: 165px 0 0 15px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }

/* Content */

#content {
	float: left;
	width: 900px;
}

#content-sidebar {
	float: left;
	width: 620px;
}

/* Post */

.post {
	margin-bottom: 10px;
	margin-top: 10px;
}

.post .date {
	float: right;
	margin-top: -60px;
	padding-right: 40px;
	font-weight: bold;
	font-size: 14px;
	color: #B6ACA2;
}

.post .meta {
	margin: -40px  0 3px 25px;
	padding: 2px 30px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
	padding: 15px 10px 15px 10px;
}

.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 250px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0 0 20px 0px;
	background: url('../images/img04.jpg') no-repeat left bottom;
}

#sidebar li ul {
	line-height: 200%;
	padding-bottom: 20px;
}

#sidebar li li {
	margin: 0;
	padding: 0 20px;
	background: none;
}

#sidebar h2 {
	height: 33px;
	margin: 0 0 20px 0px;
	padding: 15px 0 2px 20px;
	background: url('../images/img03.jpg') no-repeat left top;
	font-size: 18px;
	color: #FFFFFF;
}


#sidebar p {
	padding: 0px 15px;
	line-height: 200%;
}

#sidebar a {
	color: #FFFFFF;
}

/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 90%;
	border-collapse: collapse;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
}

#calendar tfoot td {
	padding: 5px;
}

#calendar tfoot #next {
	text-align: right;
}

#calendar #today {
	background: #000000;
}

/* Footer */

#footer {
	width: 900px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/img06.jpg') no-repeat left top;
	position: absolute;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #B5ADA5;
}

#footer a {
	color: #B5ADA5;
}
#header .title {
	text-align: left;
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
Een regeltje veranderd, werkt ie nu wel?
 
Re CSS probleem

Nee, helaas. Ging het om deze regel regel? position: absolute;
Nu staat de footer li. boven zie bestandje
groetjes,
Nellie
 

Bijlagen

Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan