---
title: "[css] rutor?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/187559-css-rutor"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "vagann"
published: "2011-08-08T00:31:01.000Z"
updated: "2011-08-09T17:29:37.000Z"
replies: 11
views: 1875
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/187559-css-rutor"
---

# [css] rutor?

## #1 — vagann, 2011-08-08T00:31Z

hejsan 

undrar hur kan jag fixa såna boxes som gammla facebook hade , har laddat upp en bild så ni kan se va jag menar .

jag har testat med 

```
<STYLE type="text/css">
      #border {
        background: #5E5E5E;
        color:white;
        margin: 12px 12px 12px 12px;
        padding: 0px 0px 1px 0px; ;
                                     
      }
      #con {
        color: darkred;                   
        background: white;         
        margin: 1px 1px 1px 1px;
        padding: 5px 0px 5px 4px; 
        list-style: none             
                                     

      }
    </STYLE>
```

 men det verkar vara hur jobbigt som helst att repetera koden igen och igen ,så finns det nån smart/lättare sätt fixa det ?

tackar  :bire

Bilagor:

- [Skärmklipp.PNG](https://www.webforum.nu/a/22863.png)

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

## #2 — voigtann1, 2011-08-08T07:04Z

Använder du ID:n fler gånger? Gör det inte!

Hur ser din HTML kod ut?

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

## #3 — vagann, 2011-08-08T12:35Z

ja , jag använder id:n för varje gång jag vill ha en ruta , hur ska jag göra då ? och html koden ser ut så här :

```
<div id="border" >
            test
      <div id="con">  test</div>
    </div>
```

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

## #4 — voigtann1, 2011-08-08T12:40Z

Om du läser så få man bara ha ett ID per sida, så det du förädlar göra så kör du fel css

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

## #5 — vagann, 2011-08-08T12:56Z

då är därför den inte ser rätt ut i internet explorer , men ska jag ha samma kod med flera ID? eller

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

## #6 — voigtann1, 2011-08-08T15:37Z

Webbläsare kommer inte bry sug om id, det du få problem med är DOM trädet, men inte css

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

## #7 — vagann, 2011-08-08T15:49Z

hehe nu är jag lite borta,;) , så vad är lösningen för mitt problem  ?

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

## #8 — Danne V, 2011-08-08T15:50Z

Ska du upprepa samma sak, så ska du använda "class", inte "id".

```
<div class="border" >
            ruta 1
      <div class="con">ruta 1</div>
    </div>
<div class="border" >
            ruta 2
      <div class="con">ruta 2</div>
    </div>
<div class="border" >
          ruta 3
      <div class="con"> ruta 3</div>
    </div>
```

I stilmallen byter du ut brädgården (#) som betyder "id" mot en punkt (.) som betyder "class".

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

## #9 — vagann, 2011-08-08T18:43Z

ja tackar ska testa senare men om jag får fråga , vad är skillnaden mellan id och class ? jag trodde att de var samma sak

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

## #10 — Danne V, 2011-08-08T18:51Z

> **[vagann skrev:](https://www.webforum.nu/p/1538447)**
>
> ja tackar ska testa senare men om jag får fråga , vad är skillnaden mellan id och class ? jag trodde att de var samma sak

Om det vore samma sak vore det väl konstigt att ha olika benämningar på dom, eller hur?

Ett element med ett id ska du bara ha en enda gång på en sida.
En class kan du ha hur många gånger som helst.

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

## #11 — vagann, 2011-08-09T17:23Z

jaha tack så mycket för förklaringen

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

## #12 — voigtann1, 2011-08-09T17:29Z

Ett annat tips är att läsa vad w3c har sagt om element och dess attribut: <http://www.w3.org/TR/html4/struct/global.html#h-7.5.2>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/187559-css-rutor