Solved

text-font problems

Posted on 2013-11-16
4
200 Views
Last Modified: 2013-11-25
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
Comment
Question by:Mike Kristensen
4 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 39653814
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
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39653815
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
 

Expert Comment

by:tobece
ID: 39656055
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
 

Author Closing Comment

by:Mike Kristensen
ID: 39674843
This helped..... Clueless why.... I would call it bugs.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Permalink issue in Wordpress archive 1 32
PHP: concatenate query 12 35
is this a cms? 8 34
help squeezing some space out in this site 9 12
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now