---
title: "svart ruta"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/140084-svart-ruta"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "tlee"
published: "2005-12-30T14:23:12.000Z"
updated: "2006-01-02T20:38:53.000Z"
replies: 6
views: 524
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/140084-svart-ruta"
---

# svart ruta

## #1 — tlee, 2005-12-30T14:23Z

Hej,

Hur gör jag för att få en svart ruta på en sida.

Den skall alltid vara 5 px från toppen och alltid 5 px från botten.
Den skall alltid börja 630 pixlar från vänster och fortsätta hela vägen ända till högmarginalen.

Jag antar att man kan lösa det med en \<div\> men vilka attribut skall den ha?

/t

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

## #2 — Insider, 2005-12-30T15:25Z

Skulle det inte räcka med en bakgrundsbild som går uppifrån och ner och börjar 630 pixlar från vänster?

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

## #3 — wyndan, 2005-12-30T15:32Z

\#mindiv{
    margin: 5px 0 5px 630px;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
}

är väl en lösning för FF, Opera & Safari iaf.

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

## #4 — bossse, 2005-12-30T15:49Z

Och detta funka för Ie och Ff

```
<HTML> 
<HEAD> 
<style type="text/css"> 
<!--
BODY {background-color:green;margin: 5px 0 5px 630px;overflow:scroll;}
div { background-color:black; height:100%; }
-->
</style> 
</HEAD>
<BODY>
<div></div>
</BODY>
</HTML>
```

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

## #5 — tlee, 2006-01-02T15:00Z

```
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {
 	 background-color: #333333;
 	 margin: 5px 0 5px 630px;
 	 overflow:scroll;
 	 }

#divBlack {
		  background-color:black; height:100%;
		  }
-->
</style>
</HEAD>
<BODY>
<table border="1">
<tr>
<td>ksjdhfkhskhdsf</td>
</tr>
</table>
<div id="divBlack"></div>
</BODY>
</HTML>
```

bosses exempel fungerar bra sålänge det inte finns något annat på sidan.. om jag lägger in en tabell så hamnar tabellen i den svarta rutan.. hur löser jag det?

/t

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

## #6 — tlee, 2006-01-02T15:01Z

> **Insider skrev:**
>
> Skulle det inte räcka med en bakgrundsbild som går uppifrån och ner och börjar 630 pixlar från vänster?

Hur skall jag få den att börja/sluta ett visst antal pixlar från toppen/botten?

/t

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

## #7 — bossse, 2006-01-02T20:38Z

Tabellen kan du väl placera var du vill med "position absolute"

```
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {
 	 background-color: #333333;
 	 margin: 5px 0 5px 630px;
 	 overflow:scroll;
 	 }

#divBlack {
		  background-color:black; height:100%;
		  }
table {position:absolute; left:100px; top:50px; border:2px solid gray}
-->
</style>
</HEAD>
<BODY>
<table >
<tr>
<td>ksjdhfkhskhdsf</td>
</tr>
</table>
<div id="divBlack"></div>
</BODY>
</HTML>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/140084-svart-ruta
