---
title: "Vad har jag gjort fel? (XHTML + CSS)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/126782-vad-har-jag-gjort-fel-xhtml-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Frexuz"
published: "2005-04-20T15:30:34.000Z"
updated: "2005-04-21T17:06:42.000Z"
replies: 18
views: 610
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/126782-vad-har-jag-gjort-fel-xhtml-css"
---

# Vad har jag gjort fel? (XHTML + CSS)

## #1 — Frexuz, 2005-04-20T15:30Z

<http://frexuz.dyndns.org/frex/?p=portfolio> 
Varför slutar "sidan", men innehållet fortsätter när scrollar ner? 

Default.asp - <http://www.aspsidan.se/code/default.asp?c=3911> 
style.css - <http://www.aspsidan.se/code/default.asp?c=3912> 
(portolio.asp - <http://www.aspsidan.se/code/default.asp?c=3913>)

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

## #2 — icaaq, 2005-04-20T15:40Z

Tjenare.

Testa att att lägga en 

```
[red]
<div style="clear: both; line-height:1px; height:0; margin:0;">&amp;nbsp;</div>
[/red]
```

innan du avslutar #page

mv icaaq

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

## #3 — icaaq, 2005-04-20T15:56Z

Eller om du ska kika in klassikern

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

mv icaaq

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

## #4 — Frexuz, 2005-04-20T16:20Z

din div fungerade inte.. och fauxcolumns fårstår jag inte helt, min #content div slutar ju ända å¨ett konstigt sätt

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

## #5 — jarvklo, 2005-04-20T19:02Z

Hmm...

Prova att sätta 

```
min-height: 100%;
```

 på #content (dvs ta bort den height: 100% du har nu och kör min-height istället) så fixar du problemet i Mozilla, sedan lägger du till 

```
<!--[if IE]>
<style type="text/css">
#content {height:100%}
</style>
<![endif]-->
```

 på raden under din \<style\>-tagg på alla dina webbsidor ;)

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

## #6 — tompe, 2005-04-20T19:06Z

> **jarvklo skrev:**
>
> Hmm...
> 
> Prova att sätta 
>
> ```
> min-height: 100%;
> ```
>
>  på #content (dvs ta bort den height: 100% du har nu och kör min-height istället) så fixar du problemet i Mozilla, sedan lägger du till 
>
> ```
> <!--[if IE]>
> <style type="text/css">
> #content {height:100%}
> </style>
> <![endif]-->
> ```
>
>  på raden under din \<style\>-tagg på alla dina webbsidor ;)

Tror inte det funkar eftersom då borde sidan fungera i IE nu och det gör den inte.

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

## #7 — hypatia, 2005-04-20T19:16Z

> **jarvklo skrev:**
>
> ```
> <!--[if IE]>
> <style type="text/css">
> #content {height:100%}
> </style>
> <![endif]-->
> ```
>
>  på raden under din \<style\>-tagg på alla dina webbsidor ;)

Jag läste i någon annan tråd att man kunde skriva 

```
* html #content {height: 100%}
```

i css-filen.

Är det bättre/sämre/likvärdig/får annan effekt än det du skrev, jarvklo?

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

## #8 — tompe, 2005-04-20T19:24Z

> **hypatia skrev:**
>
> > **jarvklo skrev:**
> >
> > ```
> > <!--[if IE]>
> > <style type="text/css">
> > #content {height:100%}
> > </style>
> > <![endif]-->
> > ```
> >
> >  på raden under din \<style\>-tagg på alla dina webbsidor ;)
>
> 
> Jag läste i någon annan tråd att man kunde skriva 
>
>
> ```
> * html #content {height: 100%}
> ```
>
> 
> i css-filen.
> 
> Är det bättre/sämre/likvärdig/får annan effekt än det du skrev, jarvklo?

<http://www.dithered.com/css_filters/css_only/star_html.html>

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

## #9 — Frexuz, 2005-04-20T20:29Z

blev samma resultat med din kod jarvklo

alltså när innehållet i #page blir så mycket att man måste scrolla, så "skärs" färgen av på #content, jag fattar inte

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

## #10 — jarvklo, 2005-04-20T20:42Z

> **hypatia skrev:**
>
> Är det bättre/sämre/likvärdig/får annan effekt än det du skrev, jarvklo?

Skillnaden är att "Star html Selector Bug" - koden funkar pga just att den löser ut en bugg i MSIE (och kanske tillochmed att MSIE felhanterar kod på ett visst sätt), medan koden med villkorliga kommentarer är en "ordinarie funktion" i MSIE som utför en dokumenterad och planerad funktion i MSIE ;)

Med tanke på att MS enligt uppgift  planerar att släppa en uppdaterad MSIE till sommaren (som ingen än så länge vet något om) kan man kanske anta att det finns risk för att en del "CSS-hacks" som stödjer sig på buggar i MSIE6 slutar fungera pga att buggarna blir rättade... Medan kod som lutar sig på dokumenterade beteenden (och standard) kan antas ha större "chans" att fungera även i MSIE7  - men, som sagt, det är ingen utom MS som \*vet\* vad som kommer att hända med alla "CSS hacks" som bygger på MSIE-buggar ;)

\>\>Frexuz - Ajdå... vi får väl kolla din kod lite noggrannare då ;)

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

## #11 — hypatia, 2005-04-20T20:56Z

Aha! Tack jarvklo! :D
Men man kanske kan hoppas på att den uppdaterade MSIE även kan följa standarden lite mer och till och med "förstå" min-height? ;)

Frexuz, testa att göra samma sak som jarvklo skrev, fast på #page.

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

## #12 — Frexuz, 2005-04-20T21:18Z

inget nytt händer :(

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

## #13 — jarvklo, 2005-04-20T21:20Z

Hmm....

Den direkta orsaken är att du har position:absolute på #page...

Ett block som ligger med position:absolute "lyfts upp" utanför det block den ligger i (dvs den blir ett nytt "lager" som ligger "ovanpå" #content).

Men tar jag bara bort position:absolute, så sticker andra delar av sidan iväg åt olika håll...

Se över dina positioneringar lite! En del av dem behövs kanske inte alls...

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

## #14 — Frexuz, 2005-04-21T11:55Z

okej, jag får väl testa lite nya ideér. tack

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

## #15 — Frexuz, 2005-04-21T12:18Z

ändrade:

```
#page {
	width: 430px;
	margin-left: 145px;
	padding-top: 135px;
	position: absolute;
	}
```

till:

```
#page {
	width: 430px;
	padding-left: 145px;
	padding-top: 135px;
	margin-right: 10px;
	float: right;
	}
```

sen lade jag \<div id="left"\> EFTER \<div id="page"\> istället, så nu fungerar det. (egentligen vet jag inte exakt hur, satt och testade bara)

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

## #16 — icaaq, 2005-04-21T12:24Z

Inte i FireFox ;) 

Testa mitt förslag högst upp i denna tråd för att få det att funka....

mv icaaq

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

## #17 — Frexuz, 2005-04-21T13:22Z

installerade opera,firefox,netscape och märkte det samma :)

ditt förslag funkar för opera,firefox,netscape , men blir helt fel i IE :(

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

## #18 — Frexuz, 2005-04-21T13:29Z

```
#clear {
	clear: both;
	line-height:0px;
	height:0;
	margin:0;
	}
```

```
	<!--[if IE]>
	<style type="text/css">
	#content {
		height:100%
		}
	#page {
		width: 430px;
		padding-top: 135px;
		margin-right: 8px;
		float: right;
		}
	#clear {
		position: absolute;
		}
	</style>
	<![endif]-->
```

och så satte jag denan divven efter #LEFT, som är efter #PAGE
\<div id="clear"\>& nbsp;\<div\>

det fungerar iaf , vad tror du om denna lösningen?

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

## #19 — jarvklo, 2005-04-21T17:06Z

Whatever works - as long as it validates ;)

Kort sagt - är du bara nöjd själv så är det en bra lösning !

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/126782-vad-har-jag-gjort-fel-xhtml-css