---
title: "Problem med CSS och <span>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/111536-problem-med-css-och-span"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "attila"
published: "2004-09-14T12:19:38.000Z"
updated: "2004-09-14T17:03:59.000Z"
replies: 31
views: 918
page: 1
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/111536-problem-med-css-och-span"
---

# Problem med CSS och <span>

_Sida 1 av 2._

## #1 — attila, 2004-09-14T12:19Z

EDIT: Annat CSS-problem i botten av tråden, villle inte starta en ny tråd då det bygger på det gamla!

Hej!

Sitter och gör en site för företaget. Använder inte tabeller, utan satsar på CSS och \<span\>. Har dock ett problem, som jag inte har en aning om hur man löser. Jag placerar all design i en CSS-fil (gör span-klasser med width, top och så vidare).

Problemet är att jag nu har en rektangel (en span class) med en ram, som jag vill placera innehåll i. Däri lägger jag ytterligare en span, som jag ska placera text i. Problemet är att jag vill att när text-spannen växer på höjden (när det blir mer text), så ska det påverka ram-spannen så att den utvigdar sig nedåt, med texten inom.

Såhär ser HTML-filen ut:

\<span class="news"\>
\<span class="newsHeadline"\>Testrubrik\<br\>\</span\> 
\<span class="newsContent"\>Textinnehåll
\</span\>\</span\>

Jag lyckas inte med detta. Någon som kan hjälpa mig?

Mycket tacksam för svar,
Andreas Öjerfors
PC Gaming World

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

## #2 — Web-Tor, 2004-09-14T12:27Z

Använd \<div\> i stället för \<span\>.

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

## #3 — attila, 2004-09-14T12:55Z

Hjälper det? Vad är det för skillnad på span och div?

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

## #4 — Web-Tor, 2004-09-14T12:59Z

> Hjälper det?

Testa :i

> Vad är det för skillnad på span och div?

<http://www.juhlin.nu/wf/blockvsinline.html>

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

## #5 — attila, 2004-09-14T13:03Z

Jepp, jag håller på att testa. Var dock lite osäker på vad som skulle vara div och vad som skulle vara div. Låter helt enkelt kontrollen av placering styras av div och formateringen skötas av span. Det verkar rätt, va?

Lite skumt dock, i och med att man kan låta allt skötas av span. Så jag har gjort det tidigare.

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

## #6 — attila, 2004-09-14T13:22Z

Kan dock meddela att det inte hjälper!

\<div class="news"\> 
\<span class="newsHeadline"\>Testrubrik\<br\>
\</span\>
\<span class="newsContent"\>Textinnehåll\</span\>\</div\>

Det inom "newsContent" går fortfarande utanför "news" ramar.

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

## #7 — attila, 2004-09-14T13:25Z

Sen kanske någon har en aning om hur jag färgar hela bakgrunden av raden (hela bredden på "news", där "newsContent" har något skrivet). Som det är nu har jag en bakgrund inställd på "newsContent" och bredden på den ställd till 100%, men det var tydligen ett trick som inte fungerar.

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

## #8 — Web-Tor, 2004-09-14T13:28Z

Vad är det som inte fungerar?

```
<div class="news" style="border:1px solid #000">
	<span class="newsHeadline" style="background-color:#DDD; width:100%;">Testrubrik<br></span>
	<span class="newsContent">Textinnehåll<br>
		Nästa rad<br>
		En rad till
	</span>
</div>
```

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

## #9 — Insider, 2004-09-14T13:32Z

Varför inte använda de taggar som skall användas för rubriker och teststycken istället?

```
<div id="news">
<h1>Rubrik</h1>
<p>
Textinnehåll
</p>
</div>
```

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

## #10 — attila, 2004-09-14T13:34Z

Tack för din hjälp!  =)

Alltså, all positionering och formatering finns i en CSS-fil. "news" har en absolut position, bredd och höjd. Sen kommer rubriken, och sedan innehåller "newsContent". 

Problemen är 2:

1\. När längden (antalet rader) i "newsContents" blir längre än "news" är positionerad till att vara, så följer inte den boxen med och utvidgar sig i förhållande till innehållet.

2\. Jag vill att hela raden (i hela "news" bredd) i allt "newsContents"-innehåll ska ha en färgad bakgrund. Nu blir det bara där själva orden är, och inte hela raden.

Oj oj oj så rostig jag var. Var alldeles för länge sedan jag pysslade med webbdesign! =)

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

## #11 — attila, 2004-09-14T13:39Z

Insider\> Och omdefiniera de taggarna i CSS menar du? Först och främst tänker jag inte använda det utseende de gör, och omdefinierar jag deras formatering, så hjälper inte det mycket, eftersom jag använder olika utseende på olika rubriker. Menyrubrik, nyhetsrubrik osv.

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

## #12 — Web-Tor, 2004-09-14T13:40Z

Jag länkar till koden så kanske det går bättre:
[Vad är det som inte fungerar med den här koden?](http://member.webforum.nu/1123/attila.html)

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

## #13 — attila, 2004-09-14T13:50Z

Har missat en sak, ramen sköts av en div i toppen! Men jag har kollat alla taggar, och de avslutas på rätt plats.

La upp sidan så man kan ta en kik:
<http://www.pcgw.com/index/>

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

## #14 — Insider, 2004-09-14T14:03Z

```
.contents {
	border: 1px solid #000000;
	height: 500px; <<<<-----
```

Höjden är ju bara 500px. Ta bort den.

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

## #15 — Web-Tor, 2004-09-14T14:04Z

Problemet är att du positionerar *.news* absolut. Då spelar det inte någon roll att du lagt den inuti en annan tagg.

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

## #16 — attila, 2004-09-14T14:10Z

Insider\>  Ok! Testar det!

Tor\> Ahopp! Men som static lägger det sig till höger, och som relative så hamnar det fel då också!

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

## #17 — Web-Tor, 2004-09-14T14:16Z

> Insider\> Ok! Testar det!

Det är ingen idé. Det kommer inte funka ändå. ;)

Som jag skrev: Har du skrivit att *.news* är placerad absolut så är den det. Då spelar det inte någon roll var själva koden ligger i HTMl-filen.

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

## #18 — attila, 2004-09-14T14:21Z

Men realative fungerar?

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

## #19 — Web-Tor, 2004-09-14T14:24Z

Nja... Det kommer lösa problemet med att ramen inte täcker hela *.news* men det kommer inte att se ut som du vill.

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

## #20 — attila, 2004-09-14T14:25Z

Så vad gör jag då? Jag hade tänkt att undvika tabeller den här gången.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/111536-problem-med-css-och-span  
Nästa sida: https://www.webforum.nu/amne/html-css/111536-problem-med-css-och-span/page2.md
