---
title: "försa försökter med CSS layout"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page3"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ptr_lks"
published: "2005-11-29T09:04:32.000Z"
updated: "2005-12-02T16:13:44.000Z"
replies: 116
views: 2435
page: 3
pages: 6
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/138461-försa-försökter-med-css-layout"
---
# försa försökter med CSS layout
_Sida 3 av 6._
## #41 — tanten, 2005-12-01T07:43Z
Det blev tok, hoppas du ändå ser vart mina svar finns...
Permalänk: https://www.webforum.nu/p/1720178
## #42 — ptr_lks, 2005-12-01T07:49Z
Försöker lägga till en fot
```
#fot {
width: 742px;
height:auto;
color:#006;
}
#fot p {
text-align:left;
color:#FFF;
padding: 5px 0 0 0;
}
```
```
```
Men jag får ej att funka, dvs fotnoten syns inte
Bifogar hela koden
Bilagor:
- [ändringar.txt](https://www.webforum.nu/a/8659.txt)
Permalänk: https://www.webforum.nu/p/1720181
## #43 — tanten, 2005-12-01T08:08Z
Du har angett color två gånger där den vita som angetts sist tar över.
Jag gissar att du ville ha mörkblå bakgrund och vit text så då får du skriva background i #fot
Permalänk: https://www.webforum.nu/p/1720187
## #44 — ptr_lks, 2005-12-01T08:26Z
> **tanten skrev:**
>
> Du har angett color två gånger där den vita som angetts sist tar över.
> Jag gissar att du ville ha mörkblå bakgrund och vit text så då får du skriva background i #fot
stämmer bra :r
Nu har jag ändrat[ändrat](http://www.polisenbasket-p93.se/css/test.html)
1. hur får jag större vit fält i IE?
2. ser mysko ut i FF
3. \- hur får jag det hela rätt?
Permalänk: https://www.webforum.nu/p/1720197
## #45 — tanten, 2005-12-01T08:40Z
Antingen ger du en bestämd höjd på content eller använder padding-bottom.
Om det bara är på just denna sida som du vill ha t.ex mer vitt under det sista ordet så kan du skriva in paddin-bottom eller margin-bottom i den diven, som den ligger i
Permalänk: https://www.webforum.nu/p/1720204
## #46 — tanten, 2005-12-01T08:46Z
Vad är det som ser mysko ut i FF?
Permalänk: https://www.webforum.nu/p/1720208
## #47 — ptr_lks, 2005-12-01T08:52Z
Vill ha på alla mina sidor..
Nu har jag försökt laborera med x i
```
height X%;
```
Utan någon förändring
Jag gör en printscreen av ff och skickar med. Vill ju ha fotnoten (#fot) längst ned på sidan
Bilagor:
- [ff.GIF](https://www.webforum.nu/a/8660.gif)
Permalänk: https://www.webforum.nu/p/1720211
## #48 — tanten, 2005-12-01T08:58Z
X ???
Kom på att conten omsluter ju även "fot så det är #text du ska lägga in en padding på...
Usch för mig
Eller?
Om du uppdaterar din länk efter hand som du jobbar så jag ser felen och behöver inte gissa.
Permalänk: https://www.webforum.nu/p/1720213
## #49 — ptr_lks, 2005-12-01T09:12Z
> **tanten skrev:**
>
> X ???
>
> Kom på att conten omsluter ju även "fot så det är #text du ska lägga in en padding på...
> Usch för mig
Ja, med X innebär jag att jag har försökt med olika procentsiffror på
```
#content {height: }
```
utan framgång dock :(
1. i IE är #content alldels för "låg"
2. i FF är content alldeles för hög, så att man måste rulla ner för att set fotnoten
Se den [uppdaterade länken](http://www.polisenbasket-p93.se/css/test.html)
Permalänk: https://www.webforum.nu/p/1720218
## #50 — tanten, 2005-12-01T09:37Z
Om det är länken där uppe som gäller nu så ser jag ingen större skillnad. Får scrolla i båda lite lite grann och de ser ungefär likadana ut.
Så jag vet inte
Permalänk: https://www.webforum.nu/p/1720221
## #51 — ptr_lks, 2005-12-01T09:47Z
> **tanten skrev:**
>
> Om det är länken där uppe som gäller nu så ser jag ingen större skillnad. Får scrolla i båda lite lite grann och de ser ungefär likadana ut.
> Så jag vet inte
Vet inte om det är fel på min dator, men jag tycker iaf att det är väldigt stor skillnad. Jag får som på de bifogade bilderna
Bilagor:
- [ff.GIF](https://www.webforum.nu/a/8663.gif)
- [IE.GIF](https://www.webforum.nu/a/8664.gif)
Permalänk: https://www.webforum.nu/p/1720224
## #52 — tanten, 2005-12-01T10:04Z
Ligger den sidan på nätet eller?
Permalänk: https://www.webforum.nu/p/1720233
## #53 — webbebba, 2005-12-01T10:05Z
Om du nu har Firefox så finns det en riktigt finurlig liten plug-in som jag alltid använder
Web Developer 0.9.4 som kan hämtas här:
När du installerat den så har du möjlighet att köra "edit css" redigera din stilmall och se resultatet direkt på skärmen. Detta är ett jättebra sätt att "leka" med sin css-kod tills man är nöjd, sedan är det bara att kopiera och klistra in slutresultatet i den ursprungliga css-filen. Om du sedan klickar på "Outline" Outline Block Level Elements så får du en uppfattning om hur dessa element ligger på din sida.
Hoppas att detta kan hjälpa dig, för mig har det varit till stor hjälp i inlärningsprocessen ;)
Permalänk: https://www.webforum.nu/p/1720234
## #54 — ptr_lks, 2005-12-01T10:08Z
> **tanten skrev:**
>
> Ligger den sidan på nätet eller?
[absolut](http://www.polisenbasket-p93.se/css/test.html)
Jag har provat på alla datorer vi har hemma- med samma nedslående resultat
Permalänk: https://www.webforum.nu/p/1720236
## #55 — tanten, 2005-12-01T10:22Z
Det märkliga är att de fortfarande ser likadana ut i min dator. Jag lyckas kanske inte få bort cach-minnet...
Men jag ser att du angett väldigt konstiga height i både #text och #content.
De påverkas av sitt innehåll så du kan egentligen ta bort dem så länge.
Om du också tar bort padding-top i #text så ser du precis hur stort vitt område du har. Då kommer allt att åka upp, även foten
Pluginen som Webbebba pratar om är jättebra till mycket, förutom att leka med css.
Jag släcker ner datorn nu och ser om cachen vill försvinna.
Permalänk: https://www.webforum.nu/p/1720241
## #56 — ptr_lks, 2005-12-01T10:29Z
nu har jag installerat Pluginen som Webbebba föreslog, och hittade att om jag ändrar min-heigt
```
#container {
width: 742px;
min-height: [B]95[/B]%;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
}
```
så slipper jag scrolla iaf i Firefox, men det löser inte problemet i IE
Dessutom upptäckte jag "outline" att #fot inte var centrerad. Jag lyckades lösa detta genom
```
#fot {
width: 742px;
margin-right: auto;
margin-left: auto;
background-color:#006;
}
```
tog bort heighten som förslaget var, dock ingen förbättring i IE
Permalänk: https://www.webforum.nu/p/1720247
## #57 — tanten, 2005-12-01T10:42Z
ser fortfarande ungefär likadana ut hos mig...
Permalänk: https://www.webforum.nu/p/1720253
## #58 — ptr_lks, 2005-12-01T10:48Z
> **tanten skrev:**
>
> ser fortfarande ungefär likadana ut hos mig...
fattar inte vad felet kan vara...
Däremot har jag med hjälp av insticket gjort så att det blev [lite mer luft](http://www.polisenbasket-p93.se/css/test.html)
Genom att lägga till padding i
```
#text p, #text ul{
text-align:center;
padding: 5px 0 5px 0;
}
```
löser just inte problemen, men qul att lära sig...
Permalänk: https://www.webforum.nu/p/1720259
## #59 — webbebba, 2005-12-01T10:50Z
Nu ser det ungefär likadant ut i bägge webbläsarna. Det gjorde det inte innan.
Permalänk: https://www.webforum.nu/p/1720262
## #60 — ptr_lks, 2005-12-01T10:51Z
> **webbebba skrev:**
>
> Nu ser det ungefär likadant ut i bägge webbläsarna. Det gjorde det inte innan.
då är det min tur att stänga av datorn... återkommer efter omstart :OO
Permalänk: https://www.webforum.nu/p/1720264
---
Tråden på webben: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page3
Föregående sida: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page2.md
Nästa sida: https://www.webforum.nu/amne/html-css/138461-försa-försökter-med-css-layout/page4.md