---
title: "CSS-problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/122364-css-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MagnusJ"
published: "2005-02-13T23:34:01.000Z"
updated: "2005-02-14T23:48:51.000Z"
replies: 10
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/122364-css-problem"
---
# CSS-problem
## #1 — MagnusJ, 2005-02-13T23:34Z
Hej,
Jag har ett litet problem.
```
HTML kod----
maincontent
sidebar
---------
CSS kod----
body
{
background-color: #E3E3E3;
padding: 0;
margin: 0;
text-align: center;
}
#container
{
margin: 30px auto 0 auto;
width: 593px;
background: url(../grafik/top.gif) no-repeat top left;
}
#main
{
background-color: #FFF;
text-align: left;
}
#leftholder
{
float: left;
}
#rightholder
{
float: right;
margin-top: 30px;
background: url(../grafik/kant_uppe.gif) no-repeat top left;
}
#maincontent
{
padding-left: 30px;
padding-top: 171px;
width: 200px;
}
#sidebar
{
margin-top: 18px;
background-color: #FFF;
width: 264px;
}
--------------
```
Sådär ser min html-kod ut. Jag vill att #mains bakgrundsfärg ska vara bakgrundsfärg åt allting som är innuti main. Men det blir inte så, vet någon hur jag kan göra?
Permalänk: https://www.webforum.nu/p/122364
## #2 — Palle, 2005-02-13T23:39Z
En viktig sak att tänka på när du använder float är att du måste *återställa ordningen* innuti din div då allt ligger flytande (float) där inne.
Återställer ordningen gör du med: clear.
ex.
```
[red]
maincontent
sidebar
[b] [/b]
[/red]
```
Permalänk: https://www.webforum.nu/p/1551657
## #3 — MagnusJ, 2005-02-14T00:12Z
Tack det fungerade, fast tyvärr funkade det inte som jag hade tänkt.
Så jag gjorde det på ett annat sätt, ska förklara ungefär som jag vill ha det.
Jag har en sida som är innuti en "ram". Sedan loggon på sidan ska sticka ut ca 30px uppe och nere från ramen. Nu hade jag löst det genom att ha loggan som bakgrund i container sedan laggt in margins på de andra divarna så att det blev bra. Men när main fick den vitabakgrunden la den sig över loggan.
Nu har jag gjort en annan div som heter "top", och där har jag gjort inställningarna så här:
```
#top
{
position: absolute;
top: 30px;
width: 329px;
height: 171px;
background: url(../grafik/top.gif) no-repeat top left;
}
```
Och det fungerar i mozilla firefox. Men inte i IE.
Vet någon hur man kan lösa det? Imorgon kan jag lägga upp sidan på en server så ni kan se.
Permalänk: https://www.webforum.nu/p/1551662
## #4 — MagnusJ, 2005-02-14T10:03Z
Nu har jag lagt upp den på en servr.
Någon som vet hur man kan fixa det?
Permalänk: https://www.webforum.nu/p/1551746
## #5 — Insider, 2005-02-14T13:10Z
Såhär:
```
Ordspelet!
```
Du måste krympa din logga till 299px i bredd. Annars stämmer inte måtten mot bilderna med de rundade hörnen.
Permalänk: https://www.webforum.nu/p/1554760
## #6 — MagnusJ, 2005-02-14T14:39Z
Tack!
Det fungerade perfekt, tackar! :)
Permalänk: https://www.webforum.nu/p/1554821
## #7 — MagnusJ, 2005-02-14T21:13Z
Har en till fråga.
Om det inte är någon text ovanför \ i maincontent (Nyhet). Så kommer inte den bg:n synas, hur kan man göra för att lösa det problemet?
Permalänk: https://www.webforum.nu/p/1554995
## #8 — Insider, 2005-02-14T21:30Z
Snabb chansning:
```
#maincontent h2{
clear:left;
}
```
Permalänk: https://www.webforum.nu/p/1555002
## #9 — MagnusJ, 2005-02-14T21:46Z
Tack, det fungerade! :)
Permalänk: https://www.webforum.nu/p/1555018
## #10 — Insider, 2005-02-14T21:48Z
Tips:
Jag ökade radavståndet i mitt kodexempel med line-height.
font-family: Georgia, Verdana, Arial;
font-size: 80%;
line-height:150%;
eller i kortform:
```
font: 80%/150% georgia, verdana, arial
```
Du kanske redan visste. Jag tycker iaf att det nästan alltid blir snyggare om man ökar radavståndet. ;)
Permalänk: https://www.webforum.nu/p/1555019
## #11 — zcorpan, 2005-02-14T23:48Z
> font-family: Georgia, Verdana, Arial;
:o Det var en sarlig blandning mellan serif-fonter och sans-serif-fonter...
Borde det inte vara font-family: Georgia, serif; eller font-family: Verdana, Arial, sans-serif;? :)
Permalänk: https://www.webforum.nu/p/1555064
---
Tråden på webben: https://www.webforum.nu/amne/html-css/122364-css-problem