Solved

text-font problems

Posted on 2013-11-16
4
203 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

Three Reasons Why Backup is Strategic

Backup is strategic to your business because your data is strategic to your business. Without backup, your business will fail. This white paper explains why it is vital for you to design and immediately execute a backup strategy to protect 100 percent of your data.

Question has a verified solution.

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

Suggested Solutions

These days socially coordinated efforts have turned into a critical requirement for enterprises.
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

777 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