Just nu i M3-nätverket
Gå till innehåll
Martassen

Texten ökar i storlek i telefon

Rekommendera Poster

Martassen

Hej igen!

Tänkte jag tar detta i en separat tråd:

 

När jag går in i iphone5 och surfar på 4g så blir texten upp i kontakt större storlek ibland. Detta upplevs ej i wifi.
Det ser konstigt ut. Kör jag refresh  så blir den normal efter ett tag. Den blir inte alltid det men ibland. Går jag in på sidan och den ser ok ut och jag kör refresh några gånger så ökar den i storlek och det ser galet ut. Går jag vidare så blir den som den ska.

Detta gäller det som ligger i kontakt och det som ligger i footer. Storleksförändringen sker på både kontakt och footer samtidigt. Så footer och kontakt är det något märkligt med när man surfar 3 och 4 g.

 

När man surfar via wifi har jag för mig att det inte blir så. Det upplevs bättre i iphone6 och 5s. Men i iphone5 mer.

Vad gör jag åt detta? Går det att tvinga den i CSS-filen?

Tack på förhand! :-)

html { overflow-y: scroll; }


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 7px;
	margin-left: 0px;
	background-color:#CCC;

	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

a {
	color: #039;
	text-decoration: none;
}

	
a:hover {
	font-weight: normal;
	color: #933; 
	important;}
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 18px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }


#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Så här ser sidan ut. Har fler sidor och de har samma stuk.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>utbildning, datautbildning, mw</title>
<link href="css1.css" rel="stylesheet" type="text/css">
<link href="spec_css.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/m3.gif" alt="Mw">
<hr>
<div id="kontakt"><strong>M</strong><br>
  Lär för framtiden<br>
  Tel:45<a href="mailto:info@mf.se"><br>
  Info@fdf.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultjänster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87"> </td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>Utbildning för Projektledare</h4>
      <p>Arbetar du som projektledare och behöver skapa övergripande tidplaner för dig och dina medarbetare? Då kan Project vara en utbildning för dig och ditt företag.<br>
        <a href="projectgr.html">Läs mer</a><br>
        <br>
  </p>
<p><img src="dator.jpg" width="157" height="236"></p>
<h4>Excel för ekonomer</h4>
<p>Arbetar du med ekonomi och behöver spetsa dina Excelkunskaper. Då kan Excel för ekonomer vara en utbildning för dig.<a href="excelek.html"><br>
  Läs mer<br>
</a></p>
<h4>Lär dig Bildbehandla med Photoshop</h4>
<p>Behöver du lära dig grunderna i att retuschera, skapa och frilägga bilder som är anpassade för både tryck och webb?<br>
  <a href="PSgr.html">Läs mer </a><br>
</p></td>
    <td width="374" valign="top"0><h4>Mw
    Lär för framtiden</h4>
      <p>vi erbjuder utbildningar av högsta kvalitet där vårt fokus är att ge kunderna marknadens bästa 
        utbildningsresultat. Vi har som affärsidé att anpassa utbildningen efter kundens önskemål och genom det öka företagens lönsamhet. Bland våra kunder finns flera av Sveriges största 
        företag. Vi genomför uppdrag över hela landet och vill vara det självklara valet som utbildningspartner. Vi kan anpassa utbildningen efter dina önskemål och du kan även välja innehåll ifrån en eller flera av våra utbildningar och genom det skapa din egna anpassade utbildning för dig och dina medarbetare. </p>
      <p>Våra utbildningar genomförs i både nybörjarnivå och i avancerad nivå. Har du svårt för att välja vilken nivå som passar just dig, hjälper vi dig och ditt företag hitta den rätta nivån på utbildningen.</p>
      <h4>Öka lönsamheten på ditt företag</h4>
      <p>Känn glädjen av att bli effektivare på din arbetsplats genom att utbilda dig på M. Utbildningen är en investering för framtiden och är till för att öka ditt företags lönsamhet. Spara  all tid du lägger på att kämpa dig fram som användare  och utbilda dig istället på oss redan nu.</p>
      <h4>Välj utbildning:</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access fortsättning</a><br>
        <a href="excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
        Excel fortsättning</a><br>
        <a href="excelek.html">Excel för ekonomer</a><br>
        <a href="Illustrgrund.html">Illustrator grund</a><br>
        <a href="Illustrfk.html">Illustrator fortsätttning</a><br>
        <a href="indesigngr.html">Indesign grund</a><br>
        <a href="indesignfk.html">Indesign fortsättning</a><br>
        <a href="PSgr.html">Photoshop grund</a><br>
        <a href="psfk.html">Photoshop fortsättning</a><br>
        <a href="projectgr.html">Project grund</a><br>
        <a href="projectfk.html">Project fortsättning</a><br>
        <a href="powpoint.html">PowerPoint</a><br>
        <a href="wordgr.html">Word grund</a><br>
      <a href="wordfk.html">Word fortsättning</a></p>
      <h4>IT-Coachen</h4>
      <p>För dig med ledande befattning erbjuder vi individuell utbildning. Vi gör en analys av ditt individuella behov och utbildningen genomförs på tider som passar dig.</p>
      <h4>Efter utbildningen</h4>
      <p>Efter genomförd utbildning kan vi sätta ihop tillfällen där vi genomför uppföljning av det du lärt dig och ta upp specifika moment och frågeställningar som du och dina medarbetare funderar över. En så kallad uppföljningsdag ifrån genomfört utbildningstillfälle.</p></td>
    <td width="158" valign="top"><h4><img src="lila.jpg" width="157" height="236"><br>
      <br>
    </h4>
      <h4>Lär dig Indesign</h4>
      <p>Lär dig det senaste layoutprogrammet för att skapa kataloger och produktblad mm.<br>
        <a href="indesigngr.html">Läs mer</a></p>
      <h4>Skäddarsydd utbildning</h4>
      <p>Vi kan skräddarsy en utbildning för dig och ditt företag. <a href="kontakt.html">Kontakta oss</a> för mer information.      </p>
      <h4>Specifika lösningar</h4>
      <p>Vi erbjuder  specifika lösningar på ditt företag. Behöver du hjälp med att skapa kalkylmodeller i Excel eller hjälp med att utveckla en databas för att hantera och förenkla större<br>
        datamängder på ditt företag? Kolla in vårt utbud kring våra konsulttjänster<br>
        <a href="konsult.html">Läs mer</a></p>
      <p><br>
    </p></td>
  </tr>
</table>
<div id="foot">LÄr för framtiden | <a href="mailto:Info@foretaget.se">Info@företaget.se </a>| 09</div>
</div>
</body>
</html>
Redigerad av Martassen

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

Det kan omöjligt ha med uppkopplingssätt att göra.

 

Olika webbläsare kan bete sig på olika sätt, men om man gör enligt best-practices så blir det som oftast lika (även det kan skilja även där).

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Martassen

Ok.

 

2 andra frågor:

 

Är det ett måste byta till doctype html5 eller är det ok fortsätta köra doctype som jag har i koden, Se kod ovan.

Är inget avancerat jag har på sidorna. Text, bilder, länkar och kommer väl inte bli mer avanc heller.

 

Webbplatsen är gjord så att säga.

 

Jag testade nämligen byta till HTML 5 och menyraden där uppe med länkarna på den svarta bakgrunden och fick ett mindre avstånd nedtill efter det.

För slippa bröta tänkte jag om det är ok fortsätta med den doctype som jag har nu?

Sidan kommer inte ha något avancerat.

 

 

Fråga2:

Måste jag byta till kodningen UTF-8 eller är det ok ha det som det är?

Jag är osäker hur jag ändrar kodningen till UTF8.

Kör dreamweaver och hitta alternativet UTF8 men tyckte ej blev UTF8.

 

Ska jag gå in på sidan välja UTF-8 och sedan välja spara eller spara som?

Bara spara ändring? Inget mer? Eller hur funkar det?

 

Kanske kan visa hur jag ska skriva in det och hur jag gör sedan .

 

Har dålig koll och är ingen utvecklare.

 

Tack på förhand

Redigerad av Martassen

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...