---
title: "Validerings problem på .css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139222-validerings-problem-på-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nova"
published: "2005-12-13T07:58:52.000Z"
updated: "2005-12-15T06:21:14.000Z"
replies: 14
views: 432
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/139222-validerings-problem-på-css"
---

# Validerings problem på .css

## #1 — Nova, 2005-12-13T07:58Z

Denna kod 

```
/*hogerspalt*/
#navBar
{
min-height:756px;
 -height:756px;
  float: right;
	width: 18%;	
		margin: 1px;
	padding: 1px;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	} 
	
/*********** Hogerspalt uppe styles ***********/

.relatedLinks{
	margin: 1px;
		padding: 2px 2px 2px 2px;
	font-size: 84%;
	}
```

Ger detta felmedelande när jag validerar

```
Line: 191

Parse Error - : right; width: 18%; margin: 1px; padding: 1px; background-color: #eeeeee; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } .relatedLinks
```

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

## #2 — silfver, 2005-12-13T08:02Z

Denna raden är fel: 

```
-height: 756px;
```

 Bort med minus-tecknet.

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

## #3 — Nova, 2005-12-13T08:09Z

Jag använder -height: 756px; för att annars trycks texten igenom botten i firefox. Finns det något annat "hack" som löser detta problem då
<http://www.webforum.nu/showthread.php?t=135887>

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

## #4 — Troxy, 2005-12-13T08:10Z

Att ange både *height* och *min-height* kommer göra att height endast används.
Antagligen är *\-height* ett IE-hack i försök att dölja det från andra webbläsare.

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

## #5 — silfver, 2005-12-13T08:20Z

Om du gör så här då? Tar bort raden \-height från din css. Lägger in den här mellan \<head\> i stället: 

```
<!--[if IE]>
	<style type="text/css">
		#navBar {
			-height: 756px;
		}
	</style>
<![endif]-->
```

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

## #6 — Troxy, 2005-12-13T08:31Z

Ser bra ut, men minus-tecknet är väl inte nödvändigt i sånna fall ;)

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

## #7 — silfver, 2005-12-13T08:35Z

> **Troxy skrev:**
>
> Ser bra ut, men minus-tecknet är väl inte nödvändigt i sånna fall ;)

Tanken var att slippa ha minus-tecknet i css-koden (så den validerar) och bara köra den kodsnutten när någon surfar in med IE. Det borde väl vara korrekt? Eller tänker jag fel nu igen? :OO :p

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

## #8 — Nova, 2005-12-13T09:06Z

Jag flyttade de ahck jag har till 

```
<!--[if IE]>
	<style type="text/css">
		#navBar {
			height: 756px;
		}
		#headlines {
			height: 756px;
		}
		#wrapper {
			width: 850px;
		}
	</style>
<![endif]-->
```

Så nu validerar sidan för .css

Tackar :)

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

## #9 — silfver, 2005-12-13T09:14Z

Bra! :bire

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

## #10 — tanten, 2005-12-13T09:38Z

Jag har tidigare varit runt och gottat mig i dina recept...
Jag tror du kommer få ständiga problem med detta att ange en bestämd höjd. På en del sidor är innehållet mindre än 756px, med långa tomma slut på kolumnerna. På andra sidor är mittenkolumnen högre än 756px. Så fort någon av kolumnerna blir högre än 756px så kommer texten att bryta igenom igen och du får ändra höjden igen, vilket då kan bli lite konstigt på sidorna med litet innehåll.
Så aktiv som du verkar vara med att fylla på grejer i dina kolumner, så skulle du nog fundera på att ha en bakrundsbild i stället. En som täcker hela bakgrunden under de tre kolumnerna med grått på varje sida och vitt i mitten.
Den behöver bara vara 1px hög. Bara ett tips...
God Jul!

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

## #11 — Nova, 2005-12-13T21:38Z

> **tanten skrev:**
>
> så skulle du nog fundera på att ha en bakrundsbild i stället. En som täcker hela bakgrunden under de tre kolumnerna med grått på varje sida och vitt i mitten.
> Den behöver bara vara 1px hög. Bara ett tips...
> God Jul!

Kan du förklara lite närmare hur/vad?

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

## #12 — m_soderlund, 2005-12-13T22:00Z

<http://www.alistapart.com/articles/fauxcolumns/> :)

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

## #13 — Nova, 2005-12-14T09:00Z

> **m_soderlund skrev:**
>
> <http://www.alistapart.com/articles/fauxcolumns/> :)

Det blev denna lösning till sist.

```
 background-image: url(bakgrund.gif);
	background-repeat: #ccc repeat-y 50% 40;
```

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

## #14 — zcorpan, 2005-12-14T09:22Z

> **Nova skrev:**
>
> Det blev denna lösning till sist.
>
>
> ```
>  background-image: url(bakgrund.gif);
> 	background-repeat: #ccc repeat-y 50% 40;
> ```

Det borde nog antingen vara

```
background:#ccc url(background.gif) repeat-y 50% 40px;
```

eller

```
background-color:#ccc;
background-image:url(background.gif);
background-repeat:repeat-y;
background-position:50% 40px;
```

(om du nu tänkte ha px?)

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

## #15 — Nova, 2005-12-15T06:21Z

> **zcorpan skrev:**
>
> Det borde nog antingen vara
>
> ```
> background:#ccc url(background.gif) repeat-y 50% 40px;
> ```
>
> eller
>
> ```
> background-color:#ccc;
> background-image:url(background.gif);
> background-repeat:repeat-y;
> background-position:50% 40px;
> ```
>
> (om du nu tänkte ha px?)

Rätt!

Men det fungerade som jag ville fast jag hade grötat till det.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139222-validerings-problem-på-css