---
title: "Fel bredd & höjd med lager."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/118535-fel-bredd-höjd-med-lager"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "KoTTeN"
published: "2004-12-22T00:15:17.000Z"
updated: "2004-12-28T15:20:32.000Z"
replies: 8
views: 368
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/118535-fel-bredd-höjd-med-lager"
---

# Fel bredd & höjd med lager.

## #1 — KoTTeN, 2004-12-22T00:15Z

Hej!

Varför kan jag inte få höjd och bredd att fungera på följande css-snutt:

```
	#sidoRubrik { 
		position: relative;
		background-image: url("../bilder/grund/standard_list.gif"); 
		height: 20px; 
		width: 100%;
		color: #333333; 
		border-style: solid;
         border-width: 1px;
         border-color: #7A7C7C;
```

Det fungerar om jag anger position till  absolute, men jag vill inte ha det svävande ovanpå de andra lagren.

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

## #2 — Insider, 2004-12-22T00:42Z

Vad är det som inte funkar?
Kan du inte ta bort position: relative helt om du ändå inte anger nåt avstånd till kanterna, eller har du nåt element inuti?

Visa all kod tack!

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

## #3 — KoTTeN, 2004-12-22T00:48Z

Det är allt, ja förutom sättet att lägga in det i XHTML dokumentet då. 

```
    <span id="sidoRubrik" class="rS"> test </span>
```

Klassen rS anger storleken på textstycket. Testade utan position men med samma fel. 
Kör Safari på Mac OS X, kanske dåligt kan vara dåligt stöd?

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

## #4 — Insider, 2004-12-22T01:01Z

Men om du kör display:block och struntar i att sätta bredd. bara höjd...?

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

## #5 — zcorpan, 2004-12-22T22:25Z

Varför använda \<span\> när du kan använda ett *riktigt* rubikselement? \<h1\> till \<h6\> är de rubriksnivåer du har att leka med. Använd dem!

Förresten, \<span\> är *inline* så därför kan du inte sätta bredd eller höjd, [enligt specifikationerna](http://www.w3.org/TR/REC-CSS1#width).

> 'width'
> ...
> Applies to: block-level and replaced elements

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

## #6 — KoTTeN, 2004-12-28T14:59Z

Tack för alla svar!

Använder jag dock exempelvis \<h1\> blir det ett mellanrum emellan det blocket och blocket som ligger direkt under. 

Sen undrar jag, då blocket är 20px högt och texten enbart 12 hur man får texten i mitten. Har testat att lägga till **float: vertical-align: middle;** utan resultat.

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

## #7 — doggelito, 2004-12-28T15:07Z

> **KoTTeN skrev:**
>
> Använder jag dock exempelvis \<h1\> blir det ett mellanrum emellan det blocket och blocket som ligger direkt under.

japp, men inte om du lägger med margin på rubrik-elementet :)

```

h1 {
     margin-bottom: 0;
}
```

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

## #8 — Insider, 2004-12-28T15:19Z

En metod att centrera text vertikalt i en container, t.ex. en \<h1\> är att sätte line-height till samma värde som höjden för elementet.

Alltså:

```
h1 {
	        padding:0;
		margin:0;
        	height:20px;
		line-height:20px
	}
```

Läs mera här.
<http://www.student.oulu.fi/~laurirai/www/css/middle/>

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

## #9 — KoTTeN, 2004-12-28T15:20Z

Sant =) 
Tack! Nu börjar det bli något av den här pannkakan =)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/118535-fel-bredd-höjd-med-lager