---
title: "Eldräven sabbar min css-layout!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159634-eldräven-sabbar-min-css-layout/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "symbolism"
published: "2007-04-25T07:56:31.000Z"
updated: "2007-04-25T16:00:18.000Z"
replies: 35
views: 1088
page: 2
pages: 2
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/159634-eldräven-sabbar-min-css-layout"
---

# Eldräven sabbar min css-layout!

_Sida 2 av 2._

## #21 — voigtann1, 2007-04-25T09:26Z

margin-left alt margin-right ? (sidans länk fungera inte)

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

## #22 — symbolism, 2007-04-25T09:45Z

<http://www.gurkean.com/lara2/home.shtml>

okej... men texten i boxarna då?

är koden rätt nu då?

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

## #23 — colione, 2007-04-25T09:50Z

Padding på boxen?

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

## #24 — symbolism, 2007-04-25T10:20Z

här är mitt dilemma:

När jag paddar texten med följande kod
\---

padding-left: 3px;

\----

så fungerar detta i IE i och med att boxen "trycks ihop" lite. I Firefox förlängs boxen istället med 3 px vilket gör att den blir tillräckligt lång för att bakgrunden ska börja om... och så trycks texten ut ur boxen. Varför detta??? och hur löser jag det???

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

## #25 — Troxy, 2007-04-25T10:46Z

I det här fallet så är det Internet Explorer som beter sig felaktigt, och Firefox gör rätt.

Du använder fortfarande en dålig doctype som sätter webbläsarna i "Quirks mode", vilket gör att Internet Explorer bla. använder en felaktig boxmodell för att beräkna storlekar på element.

En av de viktigaste förutsättningarna för att en hemsida ska fungera i olika webbläsare är att man använder en doctype som sätter dem i "Standards mode", vilket gör att de arbetar på "rätt sätt" enligt de uppsatta reglerna för HTML- och CSS.

Byt ut den översta raden i HTML-koden mot den här istället:

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

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

## #26 — symbolism, 2007-04-25T10:52Z

Tack! Nu tolkar båda webbläsare koden likadant... typ... nu blir det lättare att redigera...

återkommer snart igen..

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

## #27 — symbolism, 2007-04-25T11:30Z

Allright!

Allting verkar fungera nu men jag är inte riktigt nöjd met att det blir ett så stort mellanrum mellan rubriken och boxens början... Hur åtgärdar man detta?

länkarna igen:

<http://www.gurkean.com/lara2/home.shtml>

<http://www.gurkean.com/lara2/layout.css>

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

## #28 — voigtann1, 2007-04-25T11:43Z

Rubriker ska skrivas med h1-h6
Ändra din "rubrik" klass margin-bottom (eller padding-bottom) till önskat värde.

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

## #29 — symbolism, 2007-04-25T11:46Z

oj va dumt! ja de kan ju inte bli mer basic än så. Har suttit hela morronen med detta det är väl därför jag är lite trög för tillfället!

hehe

Ja men då tackar jag så mycket för all er hjälp! har lärt mig en massa nytt nu på kuppen=)

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

## #30 — tanten, 2007-04-25T11:47Z

För det första bör du lägga all text inom \<p\>\</p\>
Din rubrik \<p class="rubrik"\>Välkommen!\</p\>är inte så där jättesmart.
Det är då du bör använda \<h1\>eller någon annan rubrik
Du har en div innehalltop ovanför rubriken som flyttar ner texten...

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

## #31 — tanten, 2007-04-25T11:47Z

Ooops för långsam... :-)

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

## #32 — symbolism, 2007-04-25T14:31Z

jepp! tack ändå=) hehe

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

## #33 — symbolism, 2007-04-25T14:44Z

en sista fråga: i headern som ni ser har jag angett loggan som bakgrundsbild i CSS-en. Kan jag göra denna klickbar via CSSen? Kan man även infoga text i dokumentet via CSSen?

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

## #34 — voigtann1, 2007-04-25T15:00Z

1\. Logga klickbar: Endast \<a\> taggar eller Javascript
2\. Du kan inte infoga text via CSS till en HTML fil.

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

## #35 — Troxy, 2007-04-25T15:15Z

> **symbolism skrev:**
>
> en sista fråga: i headern som ni ser har jag angett loggan som bakgrundsbild i CSS-en. Kan jag göra denna klickbar via CSSen? Kan man även infoga text i dokumentet via CSSen?

CSS används endast till att styra hemsidans utseende, dvs. hur texten ser ut, vad den har för färg, hur stor den är osv.
Själva innehållet ligger i HTML-koden och kan inte påverkas med hjälp av CSS.
Det är viktigt att man förstår skillnaden mellan HTML och CSS direkt, annars är det lätt hänt att man är ute och cyklar.
CSS = utseendet, HTML = innehållet.

För att mer konkret svara på din fråga: nej, man kan inte göra bakgrundsbilder till länkar med CSS. Jag föreslår att du lägger loggan som en \<img\>-tagg istället och sedan lägger du en \<a\>-tagg runt den som länkar dit du vill.

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

## #36 — symbolism, 2007-04-25T16:00Z

jo jag vet men tänkte ändå att det kanske vore m,öjligt. Såsom jag ser det vore det ju inte dumt i och emd att man då kunde infoga en klickbar bild, t ex just headern, på en specifik plats på alla sidor mallen är kopplad till, och enkelt tabort/ändra den. Nåväl... kör med SSI istället då=) tack

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159634-eldräven-sabbar-min-css-layout/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/159634-eldräven-sabbar-min-css-layout.md
