• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 217
  • Last Modified:

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.

<!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>

Open in new window


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;}

Open in new window

0
Mike Kristensen
Asked:
Mike Kristensen
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
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.
0
 
GaryCommented:
Try adding a CSS reset at the beginning of your CSS file and see if the problem persists
http://meyerweb.com/eric/tools/css/reset/
or
http://developer.yahoo.com/yui/reset/
0
 
tobeceCommented:
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...
0
 
Mike KristensenIT administratorAuthor Commented:
This helped..... Clueless why.... I would call it bugs.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now