---
title: "css / xhtml / positioneringsproblem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/126903-css-xhtml-positioneringsproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "tobias1"
published: "2005-04-22T13:32:29.000Z"
updated: "2005-04-22T14:58:12.000Z"
replies: 5
views: 294
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/126903-css-xhtml-positioneringsproblem"
---
# css / xhtml / positioneringsproblem
## #1 — tobias1, 2005-04-22T13:32Z
hej! har fått till så bottom lägger sig längst ned på sidan och har sedan en "maindiv", men tänkte lägga en "leftdiv" som också tar precis som maindiven upp hela "sidan" men inte förstör bottom.
vill dessutom få det centrerat i både ie och firefox. har fått det centrerar genom att lägga en text-align:center i en ny div, men det fungerar dåligt i vissa webbläsare.
någon som kan hjälpa?
> css:
> html,body { /\*\*/
> color: #fff;
> background-color:#fff;
> margin:0;
> padding:0;
> margin-right:auto;
> margin-left:auto;
> font-family: tahoma, verdana, arial, helvetica, sans-serif;
> font-size: 12px;
> color: #333;
> line-height: 18px;
> height:100%; /\*\*/
> }
>
> p {
> font-family: verdana, helvetica, sans-serif;
> font-size: 11px;
> line-height: 18px;
> color: #000;
> margin:0;
> padding: 5px 10px 5px 10px;
> }
> \#center {
> text-align: center;
> }
> \#container {
> width:740px;
> min-height:100%; /\*\*/
> background-color:#c0c0c0; /\* samma som main \*/
> text-align: left;
> }
>
> \#header{
> width: 740px;
> height: 140px;
> margin:0;
> text-align: left;
> }
> \#menu {
> width:740px;
> height: 23px;
> background-color:#666;
> margin:0;
> text-align: left;
> }
> \#main {
> width:auto;
> background-color:#c0c0c0;
> margin:0;
> text-align: left;
> }
> \#left {
> border:1px dashed #000;
> width:150px;
> background-color:#666;
> margin:0;
> text-align: left;
> float:left;
> }
> \#belowthebottom {
> height:28px; /\* samma som #bottom \*/
> }
> \#bottom{
> width:740px;
> height: 28px; /\* height = p height + p margin-top + p margin-bottom \*/
> background-color:#999;
> margin-top:-28px; /\* samma som height \*/
> text-align: left;
> }
> sida:
> \
> \
>
> \
>
> \
> \