Solved

text-font problems

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

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

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

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
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…

705 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