Vises forkert i Iphone 4 Browser -- Del 2...
Hej...Håber der kommer lidt svar på et spørgsmål :
http://www.eksperten.dk/spm/949444#reply_7869071
Da tråden i ovenstående spørgsmål gik helt i fisk opretter jeg dette
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Gæstebog.
</title>
<link rel="stylesheet" href="css/nepgjerncss.css" type="text/css">
</head>
<body style="background: #800000;">
<div class="hoved_div">
<div id= "billed_div">
<img src="billeder/nielsgjern12.jpg" alt="Mit Logo"/>
</div>
<div id= "menu_div">
<ul id= "HeleMenu">
<li id= "menu1"><a href="/index.php">Forsiden </a> </li>
<li id= "menu2"><a href="#">menu 2 </a> </li>
<li id= "menu3"><a href="#">menu 3 </a> </li>
<li id= "menu4"><a href="#">menu 4 </a> </li>
<li id= "menu5"><a href="#">menu 5 </a> </li>
<li id= "menu6"><a href="#">menu 6 </a> </li>
<li id= "menu7"><a href="#">menu 7 </a> </li>
<li id= "menu8"><a href="/gb.php">Gæstebog </a> </li>
<li id= "menu9"><a href="#">Om </a>
<ul>
<li id="menu9_anker1"><a href="#">Min historie </a> </li>
<li id="menu9_anker2"><a href="http://www.nielsgjern.dk">NielsGjern.dk </a> </li>
<li id="menu9_anker3"><a href="http://www.mlhosting.dk/kundecenter/aff.php?aff=110">ML-Hosting.dk </a> </li>
</ul>
</li>
</ul>
</div>
<div id="gbsformat" >
<div id="form_div">
<div id="header_div" >
<h1 id="stor_header">Gæstebogen </h1>
<h2 id="lille_header">(Skriv en lille hilsen..) </h2>
</div>
<form method="post" id="gb" action="/gb.php">
<p>
<input type="hidden" name="skriv" value="1">
<span class="input_title">Navn (</span><span class="star">*</span><span class="input_title">):</span><br>
<input type="text" name="navn" size="35" > <br>
<span class="input_title">WebSite (</span><span class="webspan">Ekskl."Http://" Incl."www"</span><span class="input_title">):</span> <br>
<input type="text" name="website" size="35"> <br>
<span class="input_title">Besked (</span><span class="star">*</span><span class="input_title">):</span> <br>
<textarea name="besked" cols="50" rows="10"></textarea>
<br> <br>
<span class="input_title">Gengiv koden (</span><span class="star">*</span><span class="input_title">): </span><br>
<img src='Skabbg.php?R=25&G=199&B=250';> <br> <br>
<input id="spamtjek" style="color: rgb(25,199,250);" type="text" name="spamtjek" size="18">
<br><br>
<button class="knapstil" name="submit" type="submit" value="Send">
<img src="billeder/send1.png" onmouseover="this.src='billeder/send1mo.png';" onmouseout="this.src='billeder/send1.png';" ></button>
</p>
</form>
</div>
</div>
<br><br><div id="indlaegs_ramme"><div id="data">Indlægget er skrevet <span class="farve1"> Lørdag</span> d. <span class="farve1"> 15/10 - 2011</span> kl.: <span class="farve1">01:03:36</span><span style="float:Right;margin-right: 5px;">#1</span><br>af : <span class="farve1">Niels Erik Pedersen</span><br>WebSite :<span id="weblink"><a href="www.nielsgjern.dk</a></span></div><div" target="_blank">http://www.nielsgjern.dk">www.nielsgjern.dk</a></span></div><div id="indlaeget">Hej...<br />
Og velkommen til Gæstebogen på Nielsgjern.dk.<br />
Det lykkes efter en del tids arbejde at få fremstillet en Gæstebog til hjemmesiden.<br />
Gæstebogen gik online Lørdag d. 15. okt kl. 02.00<br />
<br />
Håber du vil smide en lille hilsen til mig her.<br />
<br />
Mvh.<br />
Niels Erik Pedersen</div></div><br>
</div>
<div id="footer">
Niels Erik Pedersen / nielsgjern.dk 2011 © <a href="mailto:minEmail@gmail.com">Send en mail </a>
</div>
</body>
</html>
og så 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;
}
/* ----------- Her starter CSS'en til Gæstebogen "gb.php" ------------- */
#gbsformat {
background: burlywood;
width: 988px;
height: auto;
margin-top: 70px;
padding-top: 0;
}
#gb {
width: 420px;
margin: auto;
}
#header_div {
width: 405px;
margin: auto;
}
#stor_header {
font-size: 75px;
color: #800000;
}
#lille_header {
margin-top: 0px;
margin-left: 85px;
color: green;
}
#indlaegs_ramme {
width: 500px;
margin: auto;
border: 2px solid gray;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
#data {
background-color: rgb(170,170,170);
/* padding: 5px 5px 5px 82px; */
padding: 5px 5px 10px 15px;
/* width: 413px; */
width: 480px;
font-size: 14px;
font-weight: bold;
color: white;
border-bottom: 1px solid gray;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
-webkit-border-top-left-radius: 22px;
-webkit-border-top-right-radius: 22px;
-moz-border-radius-topleft: 22px;
-moz-border-radius-topright: 22px;
}
#indlaeget {
padding:15px 10px 10px 30px;
width: 459px;
font-size: 16px;
color: white;
}
#spamtjek {
text-align:center;
font-size:15px;
font-weight:bold;
height:27px;
}
#form_div {
margin: auto;
padding-bottom: 25px;
width:500px;
height:auto;
background-color: rgb(170,170,170);
border: 2px solid gray;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
#weblink {
float:right;
padding-right:5px;
font-size: 13px;
}
.input_title {
font-size: 16px;
color: #800000;
}
.star {
font-size: 16px;
color: red;
}
.farve1 {
color: #800000;
}
.farve1 a {
color: #800000;
}
.farve1 a:hover {
text-decoration: underline;
}
.knapstil {
margin-left:19px;
background:transparent;
border:0;
}
.webspan {
font-size: 9px;
color: red;
}
