---
title: "Ramlinje på sidorna"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/107913-ramlinje-på-sidorna"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aDay"
published: "2004-07-24T16:06:33.000Z"
updated: "2004-07-24T19:17:39.000Z"
replies: 19
views: 411
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/107913-ramlinje-på-sidorna"
---

# Ramlinje på sidorna

## #1 — aDay, 2004-07-24T16:06Z

Hej
Jag har en tabell där jag vill ha en ramlinje på sidorna, men inte på över och under kanten. Jag hittade ett ställe där det stog hur man gjorde, men hittar det inte igen  :x

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

## #2 — Melea, 2004-07-24T16:10Z

Med CSS-objektet border kan du skriva såhär för att få en border på sidorna av tabellen men inte uppe och nere.

```
border-width: 0px 1px 0px 1px
```

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

## #3 — Okkido, 2004-07-24T16:11Z

tbl {
 border-left: 1px solid #000;
 border-right: 1px solid #000;
}

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

## #4 — aDay, 2004-07-24T16:40Z

tack båda två!
det var som Okkido skrev det som jag hade tänkt det..

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

## #5 — Melea, 2004-07-24T16:51Z

Det Okkido är exakt samma jag skrev, bara att min kod ser ut såhär:

```
0px(uppe) 1px(höger) 0px(nere) 1px(vänster)
```

Så om du skriver 

```
tbl {
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #000;
}
```

Så får du samma resultat.

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

## #6 — aDay, 2004-07-24T16:55Z

Melea: Okej,  här sitter jag och lär mej ;)

Jag undrar också hur man får en tabell 100% i höjd med css,  som jag förståt det så "får" man inte skriva in det i \<tabele\> ..

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

## #7 — Melea, 2004-07-24T16:56Z

```
<table style="border-collapse: collapse; border: 0px; height: 100%;">
<tr>
<td>Foo</td>
</tr>
</table>
```

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

## #8 — aDay, 2004-07-24T17:03Z

hmm. det fungerade inte riktigt..

Om min kod nu ser ut såhär:

tbl {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  background-image: url(../ponyplace/bg2.gif);
}

..och jag vill få in höjd och bredd på tabellen.. how?

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

## #9 — Melea, 2004-07-24T17:06Z

```
<style type="text/css">

#tbl {
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: #000;
	background-image: ulr(../ponyplace/bg2.gif);
	height: 100%;
	width: 400px;
}

</style>

<table id="tbl">
<tr>
<td>hej</td>
</tr>
</table>
```

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

## #10 — aDay, 2004-07-24T17:20Z

allt funkar fint utom just height: 100%; .. MEN det fixar sig säkert ändå, tack för hjälpen

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

## #11 — Melea, 2004-07-24T17:21Z

Ligger den tabellen du försöker sätta height: 100%; på i en annan table, div eller dyl.? Isåfall måste du sätta height: 100%; på den också.

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

## #12 — aDay, 2004-07-24T17:32Z

nej inga div eller andra tables..
Men enda sättet jag får tabellen att "reagera" på koden är att sätta som en call (heter dte så?).

Lite kod nu:

Detta i style.css

.tbl {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  background-image: url(../ponyplace/bg2.gif);
  height: 100%;
  width: 600px;

och detta har jag i default.htm

\<table class="tbl"\>
       \<tr\>
           \<td\>
           ghj
           \</td\>
       \</tr\>
\</table\>

Jag testade med att lägga in allt direkt i default.htm, (exakta koden som du skrev ovan) men då funkade ingenting.

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

## #13 — Melea, 2004-07-24T17:34Z

Har du någon DOCTYPE vald på din sida?
Pröva isåfall att skriva

```
body, html {
	height: 100%;
}
```

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

## #14 — jarvklo, 2004-07-24T17:34Z

Hmm..

Du har förmodligen en \<!DOCTYPE som ställer webbläsarna i "standards" mode, och då är 100% höjd inte samma sak som höjden på webbläsaren, utan på innehållet ;)

Lägg till

```
html,body {margin:0;padding:0;height:100%}
```

 i din stilmall så får du förmodligen det beteende du förväntar dig...

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

## #15 — aDay, 2004-07-24T17:38Z

Woho! tackar, tackar grabbar! Det där hjälpte fint! nu ser sidan ut som folk igen ;)

BTW - doctype ja... nåt sånthär:

\<?xml version="1.0" encoding="iso-8859-1"?\>
\<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"\>
\<html xmlns="http://www.w3.org/1999/xhtml"\>

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

## #16 — jarvklo, 2004-07-24T17:41Z

Jupp - Men du kan skippa \<?xml ..... ?\>-biten om du ändå kör med filändelserna .htm eller .html, dvs med MIME-typen text/html... (och på så sätt slippa en del geggande med att MSIE inte beter sig riktigt som "folk" när det finns en \<?xml .... ?\>-tagg med i bilden ;) )

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

## #17 — aDay, 2004-07-24T17:46Z

då är \<?xml?\> borta för gott .. antagligen fått det från dreamweaver som skriver ut sånt när man öppnar nytt xhtml dokument..
(just so you know, använder INTE dreamweaver annars, förstår mej inte på såna program)

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

## #18 — aDay, 2004-07-24T18:37Z

hej igen
mer trubbel, jag har nu en tabell i tabellen, och den får jag inte 100% på hur jag än försöker. har gjort som Melea sa innan och satt height=100% på alla tabeller..

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

## #19 — jarvklo, 2004-07-24T19:05Z

Sån't kan vara klurigt...

Har du en länk till sidan så att man kan se den kod du använder ?

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

## #20 — aDay, 2004-07-24T19:17Z

Du har PM

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/107913-ramlinje-på-sidorna