Archief - CSS: Wordpress layout probleempje : IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
E

ExOMaNiaC

Legacy Member
Hello,

Ik ben nog niet heel lang bekend in het design wereld en heb nu eens een site gemaakt voor een bakkerij (vrienden). Een simpele wordpress site (met hun kleuren) is wat ze vroegen. Nu heb ik enkel nog een probleempje ivm weergave van het menu. In safari & firefox staat het menu zoals het hoort in de daarvoor gemaakte kader. In Internet Explorer 5.0 & 8.0 krijg ik het volgende : http://exomaniac.com/images/sitecheck.png

CSS :
Code: 
/* Links */

a:link { text-decoration: none; color: #E6512F; }

a:visited { text-decoration: none; color: #E6512F; }

a:hover, a:active { color: #FFAE00; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 0px;}

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

pre, blockquote 
{
	overflow: auto;
	padding: 0 10px;
	margin: 20px 30px;
	line-height: 1.8em;
	background-color: #4F4F4F;
	border: 1px solid #404040;
}

pre:hover, blockquote:hover
{
	background-color: #4F4F4F;
	border: 1px solid #404040;
}

pre { padding-top: 10px; padding-bottom: 10px; }

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

ul { list-style-image: url(images/bullet.gif); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }

/* Structure */

body
{
	margin: 0;
	padding: 0;
	color: #B53CC3;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #080873;
	font: normal 86% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

#wrapper2 {
width: 771px;
margin-left: auto;
margin-right: auto;
}
#header
{
	float: left;
	width: 992px;
	padding-bottom: 8px;
	clear: right;
	background-image: url(images/header-bg.png);
	background-repeat: no-repeat;
	padding-left: 0px;
	height: 474px;
	margin-left: -112px;
}

#navigation
{



}

#wrapper
{
	clear: both;
	float: left;
	width: 100%;
	color: #000000;
	background: #ADCEEE;
	margin-top: -245px;
}

#content-wrapper
{
	width: 96%;
	float: left;
}

#content
{
	float: left;
	padding: 0 0px 10px 30px;
}

#sidebar-wrapper
{
	width: 0%;
}

#sidebar
{
}

#footer
{
	clear: both;
	float: left;
	width: 718px;
	text-align: left;
	padding-left: 0px;
	background: #ADCEEE;
	background-image: url(images/footer-bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#footer a {
	color: #E6512F;
	font-size: 11px;
	}

#footer a: visited {
	color: #E6512F;
	}
#footer a:hover {
	color: #FFAE00;
	border-bottom: 1px dashed #FFAE00;
	}
#extras
{
	float: left;
	width: 780px;
	color: #444444;
	text-align: left;
	padding: 0 10px 10px;
	margin: 10px 12px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* Header */

#header h1 { padding-left: 110px; margin-top: 5px; }

/* Navigation */

#navigation ul { list-style-type: none; list-style-image: none; float: right; margin-right: 112px; padding: 0 0px 0 0; margin-top: 117px; }

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
	float: left;
	color: #DE8C01;
	display: block;
	padding: 5px 10px;
	margin-right: 4px;
	font-size: 13px;
	margin-top: 4px;
	
}

#navigation li a:hover,
#navigation li a:active
{
	color: #778FC6;
	background-repeat: repeat-x;
	font-size: 13px;
	margin-top: 4px;
}

#navigation li.active a
{
	color: #000000;
	background-color: #ADCEEE;
}

/* Wrapper */

#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }

/* Content */

#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer 
{ 
	font-size: 90%; 
	color: #888888;
	margin-bottom: 5px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #444444;
	border: 1px solid #545454;
}

/* Sidebar */

.sideblock
{
	padding: 5px 10px;
	margin-bottom: 20px;
	background-color: #4F4F4F;
	border: 1px solid #404040;
}

.sideblock ul { }

.sideblock h3 { margin-top: 5px; font-size: 14px; color: #BABABA; font-weight: bold; }

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #000000; }

#friends
{
	float: left;
	width: 150px;
	margin-left: 20px;
	margin-right: 10px;
}

#links
{
	float: left;
	width: 275px;
	margin-right: 50px;
}

#about
{
	float: left;
	width: 250px;
	margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

	/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;

width: 280px;
}

#commentform textarea {
	background-color: #4F4F4F;
	border: 1px solid #404040;
width: 280px;
}
#commentform textarea:hover {
	background-color: #4F4F4F;
	border: 1px solid #404040;
}
#commentform textarea:focus {
	background-color: #4F4F4F;
	border: 1px solid #404040;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
	background-color: #4F4F4F;
	border: 1px solid #404040;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
	background-color: #4F4F4F;
	border: 1px solid #404040;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
	background-color: #4F4F4F;
	border: 1px solid #404040;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

.date {
	background: url(images/date.gif) no-repeat;
	height: 57px;
	margin-bottom: 0px;
	width: 57px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #DFDFDF;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #BABABA;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}
#header h1 a {
color: #9C9C9C;
}

#header h1 a: hover {
color: #D5D5D5;
}
#left {
	width: 60px;
	float: left;
}

.slogan {
font-size: 13px;
color: #BABABA;
text-transform: lowercase;
margin-left: 110px;
margin-bottom: 2px;

}

Zou iemand me kunnen zeggen waar ik verkeerd zit ? ;) Enorm bedankt !

Mvg
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan