Mike Kristensen
asked on
text-font problems
Hello. I got text-font problems i dont know why.
I been working for it in some hours now, it all seems pretty simple, but i just CANT make it work.
http://www.mikethk.dk/dk_minigolfbanen.php
On the above page i have some text. In Explorer the text is bigger than in Chrome....
Firefox is = to Explorer
Opera is = to Chrome
Why does there have to be a difference? WHATEVER i do, i cant figure out what im missing.
It is SUPER annoying and will give me problems later on.
I been working for it in some hours now, it all seems pretty simple, but i just CANT make it work.
http://www.mikethk.dk/dk_minigolfbanen.php
On the above page i have some text. In Explorer the text is bigger than in Chrome....
Firefox is = to Explorer
Opera is = to Chrome
Why does there have to be a difference? WHATEVER i do, i cant figure out what im missing.
It is SUPER annoying and will give me problems later on.
<!DOCTYPE html>
<html>
<head>
<title>Thurø minigolf - Smørmosen</title>
<link rel="shortcut icon" href="http://www.thuroe-minigolf.dk/favicon.ico" >
<link rel="stylesheet" type="text/css" media="all" href="mose.css">
</head>
<body>
<div class="body_2">
<img src="images/udkast_6.png" class="bg_image" alt="bg_image"/>
<div class="indhold">
<br />
Europas sjoveste minigolfbane og Svendborg bedste badestrand ligger i det <br />
naturskønne Smørmosen på Thurø. Minigolfbanen består af 20 håndstøbte <br />
hjemmelavede cementbaner, med morsomme forhindringer.<br /><br />
<p style="position:absolute; top:135px; left:233px">
Banerne er opbygget efter egne ideer og alt er<br /> håndlavet. De holdes pæne og
fornyelser sker<br /> gennem årene. <br /><br /><br />
<p style="position:absolute; top:245px; left:35px">
Oplev meget på din tur gennem de 20 baner. Til tops i fyrtårnet - <br />
Smut forbi de drilagtige møllevinger - Skyd røg ud af kanonen.
<p style="position:absolute; top:395px; left:263px">
Banen er grundlagt i 1951 af Jørgen <br />
og Lis Kristensen som drev den <br /> sammen
i 30 år. Den blev så i 1981 <br /> overtaget af datteren Lisbeth Kristensen <br /> og
Lars Holmgaard, som idag stadig <br /> ejer og driver Banen sammen og vil <br />
altid kunne træffes på stedet.
<br />
</div>
</div>
</body>
</html>
body {
font-size: 16px;
letter-spacing: 1px;
}
.body_2{
position:relative;
width:1152px;
height:648px;
margin:0 auto;
}
.indhold{position:absolute;top:20px;left:200px;border:2px solid black;width:700px; height:700px;font-family: verdena,sans-serif;}
.bg_image{
position:absolute;
}
.menu{
position:absolute;
left:50px;
color:#ffffff;
text-decoration:none;
}
._minigolfbanen{top:190px;}
._aabningestider{top:220px;}
._spillespriser{top:250px;}
._strand{top:280px;}
._friomraade{top:310px;}
._sortiment{top:340px;}
._arrangementer{top:370px;}
._billeder{top:400px;}
I get the same size text in all four browsers. Check your browsers to see if you have 'zoomed' or otherwise changed the text size in them.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Hi, I seen this in your styling:
font-family: verdena,sans-serif
I think it should be Verdana, aint it?
Might not solve your problem but it is a misType I guess...
font-family: verdena,sans-serif
I think it should be Verdana, aint it?
Might not solve your problem but it is a misType I guess...
ASKER
This helped..... Clueless why.... I would call it bugs.