Hej..
Jeg har prøvet en del, lavede en mappe på mit webhotel og prøvede at kalde URL'en.. Der fungerede den fint og vises rigtigt gennem både IE9/CHROME/SAFARI.
Bruger jeg koden(CSS Hack'et) i #1.. kan jeg sagtens rette CSS ind så den vises rigtigt i IE9..Men så er der problemer i både CHROME/SAFARI.
Jeg var lidt inde på om dette problem med IE9/localhost kunne skyldes en forkert DOCTYPE.. Jeg fik rettet DOCTYP'en ind, men det gav intet resultat for visningen i IE9/Localhost.
Jeg har prøvet både dit php script, ligeledes dit javascript... Den vil overhovedet ikke reagere på det... Bruger jeg de 2 scripts.. Er der slet ingen CSS som der reageres på.
Det jeg ikke forstår, er at den vises fint på WEbhotellet i IE9, men ikke Localhost.
Jeg smide lige min kode :
Index.php:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>
Velkommen til NielsGjern.dk -- Sitet under opbygning!!
</title>
<link rel="stylesheet" href="Css\NepGjernCss.css" type="text/css">
</head>
<body>
<div class= "hoved_div">
<?php include("LM.php") ?>
<div id= "velkomst_div">
<p> <br>
<span id= "txt_1">Velkommen til <span class= "stor_txt">NielsGjern.dk.</span></span>
<br> <br>
Sitet er under opbygning. <br> </p>
<p> (Jeg havde tænkt mig at sitet skulle vise mine interesser/hobbies.
Og andre ting omkring min person, hvem jeg er osv..
samt hvad jeg beskæftigere mig med. Forhåbentligt også noget af interesse for andre.
Håber du finder noget af interesse for dig, Sitet er som sagt under opbygning,
så vend venligst tilbage med jævne mellemrum og tjek tilblivelsen ud. <br>
På snarligst gensyn.!!) <br>
Sitet er hosted hos <span class= "stor_txt">Ml-Hosting.dk</span>, <br> <br>
Se deres Webløsninger >> <a href="
http://www.mlhosting.dk/kundecenter/aff.php?aff=110">her </a> </p>
</div>
</div>
<?php include("footer.php") ?>
</body>
</html>
NepGjenCss.css :
body {
font-size: 100.1%;
background: #800000;
}
.hoved_div {
background: burlywood;
margin: auto;
padding-bottom: 25px;
width: 990px;
height: auto;
}
#footer {
background: burlywood;
margin: 5px auto 5px;
padding-top: 8px;
width: 990px;
height: 35px;
text-align: center;
border: 1px solid ;
}
#billed_div {
margin: auto;
width: 990px;
height: 135px;
}
#velkomst_div {
margin: 40px auto;
width: 400px;
font-size: 20px;
color: green;
}
.stor_txt {
font-size: 31px;
color: gray;
}
#txt_1 {
font-size: 24px;
}
.stor_txt:hover {
color: #800000;
}
a {
text-decoration: none;
color: gray;
}
a:hover {
text-decoration:underline;
color: #800000;
}
/* ------- Her starter min menu "HeleMenu".. ----------*/
* {
text-decoration: none;
list-style-type: none;
}
#HeleMenu {
margin: 0;
padding: 0;
}
#HeleMenu li {
background: #524F62;
text-align: center;
position: relative;
float: left;
width: 109px;
height: auto;
line-height: 30px;
border-right: 1px dotted burlywood;
}
#HeleMenu li:hover {
background: #FFFACD;
}
#HeleMenu li a {
color: burlywood;
}
#HeleMenu li a:hover {
text-decoration: none;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
/* Forberedt for forskellig bredde på menu'erne, alt efter linkets længde */
}
#HeleMenu li ul {
display: none;
}
#menu1:hover ul, #menu2:hover ul, #menu3:hover ul, #menu4:hover ul, #menu5:hover ul,
#menu6:hover ul, #menu7:hover ul, #menu8:hover ul {
margin: 0;
padding: 0;
display: block;
position:absolute;
}
#menu9:hover ul {
margin: 0;
padding: 0;
display: block;
position: absolute;
right: -1px;
}
#menu1:hover ul li, #menu2:hover ul li, #menu3:hover ul li, #menu4:hover ul li, #menu5:hover ul li,
#menu6:hover ul li, #menu8:hover ul li {
text-align: left;
width: 170px;
padding-left: 10px;
}
#menu7:hover ul li {
text-align: left;
width: 170px;
padding-left: 19px;
}
#menu7 ul li a {
padding-left: 4px;
}
#menu9:hover ul li {
text-align: right;
width: 170px;
}
#menu9_anker1 a {
padding-right: 54px;
line-height: 40px;
}
#menu9_anker2 a{
padding-right: 42px;
}
#menu9_anker3 a{
padding-right: 32px;
}
#HeleMenu li ul li a {
line-height: 40px;
}
Håber du kan se noget jeg ikke kan se :-)
