---
title: "Olika utseende i browsers"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184755-olika-utseende-i-browsers"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Chaan"
published: "2010-09-30T09:41:22.000Z"
updated: "2010-09-30T11:57:49.000Z"
replies: 14
views: 754
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/184755-olika-utseende-i-browsers"
---

# Olika utseende i browsers

## #1 — Chaan, 2010-09-30T09:41Z

Hej

Jag undrar om någon har lösning på varför Mozilla Firefox visar mina länkar med bold typsnitt utom första raden på <http://chaan.se> \- eller för det första - gör era Mozilla Firefox det också eller är det min?

Det blir rätt olika utseende där Google Chrome ger bäst resultat av IE, Chrome och FF. Någon mer browser ni tycker jag bör prova utseendet på sidan i?

Permalänk: https://www.webforum.nu/p/184755

## #2 — voigtann1, 2010-09-30T09:43Z

du har ett \<code\> element i första länken som ställer till det för dig gissar jag på, sen bör du nog kolla igenom hela din HTML struktur, h3 element för hela din meny är inte riktigt rätt.

Börja med att utveckla sidorna i någon annan webbläsare än IE, det är IE som har mest problem (just nu) och är enklare att fixa än att göra fel och skapa undantag på webbläsare som rendera mer korrekt än IE.

Permalänk: https://www.webforum.nu/p/2255680

## #3 — Chaan, 2010-09-30T09:48Z

Det är inte ett element (?) - det är typsnittet! Det var i alla fall inte det som störde.. borta nu tillfälligt!

Permalänk: https://www.webforum.nu/p/2255681

## #4 — voigtann1, 2010-09-30T09:51Z

Chaan, det är ett element, ett HTML element kolla källkoden:

```
...
<font size="3">
<code>

<a href="http://chaan.se/sport/styrka/crunch/helacrunch3.3GP"><font color="black">Crunch!</font></a>

</code></font>
...
```

Om du vill ha ett annat typsnitt på din aktuella sida, använd CSS och sätt en klass eller ett ID på den och stylar om det med hjälp av css.

Permalänk: https://www.webforum.nu/p/2255682

## #5 — Chaan, 2010-09-30T10:01Z

Som sagt jag suddade typsnittet code ("maskinkod"). Ingen skillnad. Jag vet att jag mixtrade väldigt mycket med teckenstorleken innan jag fick till något som såg bra ut i IE (vilket jag prioriterade när jag gjorde sidan) men det ska ju inte behöva användas både h3 och \<font size="3"\> Minns tyvärr inte exakt varför jag var tvungen att göra så.

Permalänk: https://www.webforum.nu/p/2255684

## #6 — voigtann1, 2010-09-30T10:23Z

Om du kolla och validera din sida så har du rätt så många HTML fel, men om du gemför så har du inte ett p-element runt din första länk, du avslutar inte dina font-element (vilket inte krävs heller, sätt a { color: #000} istället i CSS om du vill ha svarta länkar.

Permalänk: https://www.webforum.nu/p/2255686

## #7 — Chaan, 2010-09-30T10:42Z

Ahh tack - det var det där första \<p\> som var på fel ställe (det fanns där innan också) 

Sidan ser mycket bättre ut i Chrome med maskinkodstypsnittet - eftersom texten blir mycket lägre får hela sidan plats på höjden på en 19" WS skärm

Precis- jag labbade en del med \</font\> också när jag gjorde sidan... 

Nu ser sidan inte efterbliven ut men nästa nöt blir varför Mozilla FF tolkar den texten i vänsterspalten som \<bold\>

Permalänk: https://www.webforum.nu/p/2255688

## #8 — Chaan, 2010-09-30T10:49Z

Angående h1 och h3 så var det pga att jag läste att Google och andra sökmotorer skulle ranka sidan bättre om det fanns uppmärkt kom jag på nu. Därav det onödiga dubbla. Märkte för övrigt ingen skillnad i rankingen när jag gjorde de där ändringarna (och även lite annat som döpte om länkarna till samma som länktexterna)

Permalänk: https://www.webforum.nu/p/2255691

## #9 — voigtann1, 2010-09-30T10:50Z

För hx element(h1,h2 etc) har en font-weight som är bold by default.

Mitt tips är att rensar så många element som du kan och försök få struktur och hitta var css skall användas, att använda font-element och element i onödan är ju bara extra kod som måste skickas via webben.

Permalänk: https://www.webforum.nu/p/2255692

## #10 — voigtann1, 2010-09-30T10:51Z

> **[Chaan skrev:](https://www.webforum.nu/p/1518448)**
>
> Angående h1 och h3 så var det pga att jag läste att Google och andra sökmotorer skulle ranka sidan bättre om det fanns uppmärkt kom jag på nu. Därav det onödiga dubbla. Märkte för övrigt ingen skillnad i rankingen när jag gjorde de där ändringarna (och även lite annat som döpte om länkarna till samma som länktexterna)

Du skall koda korrekt, och google rankar hx element med relevans av resten av sidan, att missbrukar element gynnar dig inte om du vill bli indexerad på google.
Du avslutar exempelvis aldrig några länkar, td, trs det gynnar dig inte heller.

Permalänk: https://www.webforum.nu/p/2255693

## #11 — Chaan, 2010-09-30T11:00Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1518449)**
>
> För hx element(h1,h2 etc) har en font-weight som är bold by default.

Hade ingen aning om det - tackar - problem solved. Ser mycket bättre ut utan h3.

> **[voigtann1 skrev:](https://www.webforum.nu/p/1518450)**
>
> Du avslutar exempelvis aldrig några länkar,

Ok det saknades i den ena raddan!

> **[voigtann1 skrev:](https://www.webforum.nu/p/1518450)**
>
> td, trs det gynnar dig inte heller.

\</td\> avslutar varje kolumn och \</tr\> avslutar båda raderna?

Permalänk: https://www.webforum.nu/p/2255694

## #12 — Chaan, 2010-09-30T11:06Z

Aha med missbruk menar du att man inte ska ha länkar som underrubriker? Jag har inte ens gått någon grundkurs i kodning för internet så jag chansar bara när jag läser en sida om vad som ska användas och inte.

Permalänk: https://www.webforum.nu/p/2255696

## #13 — Chaan, 2010-09-30T11:26Z

Varför gör IE och FF blå ringar runt mina knappar (tills de sidorna besökts)? Det gör inte Chrome?

Permalänk: https://www.webforum.nu/p/2255699

## #14 — voigtann1, 2010-09-30T11:46Z

```
a img {
border: 0;
}
```

för att plocka bort ramarna i de webbläsare som har en länk som sin förälder.

Permalänk: https://www.webforum.nu/p/2255702

## #15 — Chaan, 2010-09-30T11:57Z

Sådärja! Det här var du bra på!

Permalänk: https://www.webforum.nu/p/2255703

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184755-olika-utseende-i-browsers
