css wil niet koppelen in dreamweaver, wel zichtbaar in IE

Status
Niet open voor verdere reacties.

Allard77

Nieuwe gebruiker
Lid geworden
22 sep 2009
Berichten
2
Ik heb een, voor mij, vreemd probleem. Ik maak al enige jaren websites met dreamweaver en als ik een css bouw in dreamweaver werkt dit altijd perfect.

Ineens zie ik dat in dreamweaver mijn css niet meer zichtbaar is in de pagina en wel in IE (zie voorbeelden bijlage)

Heeft iemand alsjeblieft een oplossing...
Code:
body
{
	font-size:       62.5%; /* reset 1EM to 10px */
	margin:          0;
	padding:         0;
	font-family:     'lucida grande', arial, tahoma, sans-serif;
	background-attachment: fixed;
	background-image: url(bg.jpg);
}

#container
{
	margin:          0 auto;
	width:           683px;
	position:        relative;
	background:      transparent url('containerbg.png') top left repeat-y;
}

#header
{
	margin:          0 auto;
	width:           640px;
	height:          96px;
	background:      transparent url('header.jpg') top left no-repeat;
}

.headtitle
{
	position:        relative;
	font-family:     'lucida grande', arial, tahoma, sans-serif;
	font-size:       30px;
	color:           #FFF;
	top:             8px;
	left:            12px;
}

#menu
{
	margin:          0 20px;
	height:          29px;
	background:      #bbd75a !important;
	background:      #b3d24e;
	padding:         5px 0;
}

#menu ul
{
	margin:          0;
	padding:         7px;
	background:      transparent url('menuoff.png') top left repeat-x;
	height:          29px;
}

#menu ul li
{
	list-style:      none;
	display:         inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
	color:           #767676;	
	padding:         13px 7px 15px 7px;
	font-size:       1em;
	background:      transparent url('menuoff.png') center left repeat-x;
	font-family:     'lucida grande', arial, sans-serif;
	font-weight:     bold;
	text-decoration: none;
}

#menu ul li a:hover
{
	background:      transparent url('menuon.png') center left repeat-x;
	color:           #FDFDFD;
}

#roundedheader
{
	width:           640px;
	height:          18px;
	margin:          0 auto;
	background:      transparent url('belowheader.png') top left no-repeat;
}

#content
{
	min-height:      390px;
	width:           640px;
	margin:          0 auto;
	background:      transparent url('contentbg.png') top left repeat-y;
}

#insidecontent
{
	float:           left;
	padding-left:    25px;
	width:           355px;
}

#insidecontent p
{
	margin:          0;
	color:           #767676;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.2em;
	line-height:     170%;
}

#sidebar
{
	padding:         0 10px 10px 10px;
	float:           right;
	width:           210px;
	background:      #f6f6f6;
}

#sidebar p
{
	margin:          0;
	color:           #565656;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       9pt;
	line-height:     170%;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
{
	text-decoration: underline;
	color:           #e36767;
}

#sidebar a:hover
{
	text-decoration: none;
}

#roundedfooter
{
	width:           640px;
	height:          17px;
	margin:          0 auto;
	background:      transparent url('abovefooter.png') top left no-repeat;
}

h1
{
	margin:          0;
	font-weight:     normal;
	color:           #d8f7af;
	font-size:       3.2em;
}

h2
{
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            2em;
	font-size:       1.8em;
	font-weight:     normal;
	color:           #FFF;
}

h3
{
	margin:          0;
	font-size:       1.5em;
	font-weight:     normal;
	color:           #8EC9FA;
}

#footer
{
	margin:          0 auto;
	width:           641px;
	height:          39px;
	background:      transparent url('footer.png') top left repeat-x;
}

#footer span
{
	display:         block;
	position:        relative;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.2em;
	padding:         10px;
	color:           #565656;
 

Bijlagen

  • Dreamweaver.JPG
    Dreamweaver.JPG
    64,8 KB · Weergaven: 62
  • IE.JPG
    IE.JPG
    98 KB · Weergaven: 55
  • html pagnina.txt
    html pagnina.txt
    8,6 KB · Weergaven: 25
Laatst bewerkt:
En wat moeten we nu doen ? de hele html pagina zelf schrijven om het probleem te zien of wil je die ook posten of de hele mikmak online zetten.
Mvg
Defietser
 
Hmmm inderdaad ff vergeten sorry, hij staat er nu tussen. Denk je dat je er wat mee kunt? Zou echt heel prettig zijn als ik hier een oplossing voor had!
 
Laatst bewerkt:
Sorry maar ik weet niet wat het probleem is bij U maar hier kan ik makkelijk de stylsheet koppelen aan de pagina.
Ik werk met dreamweaver cs4 en het werkt perfect hier.
Ik kan je maar aanraden eens te kijken in de voorkeuren(menu bewerken --> voorkeuren) en daar eens kijken in css-stijlen of de volgende item aangevinkt zijn.
Bij bewerken css regels : volgens bovenstaande instellingen en Css bestanden openen wanneer die gewijzigd zijn.
Bij het dubbelklikken in het css paneel: Bewerken in css-dialoogvenster.
Ps
In css is de footerspan niet afgesloten
Code:
#footer span
{
	display:         block;
	position:        relative;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.2em;
	padding:         10px;
	color:           #565656;
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan