?
Solved

text-font problems

Posted on 2013-11-16
4
Medium Priority
?
211 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
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 …
Suggested Courses

770 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