---
title: "Newbe, css-layout knas"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/175257-newbe-css-layout-knas"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "sugarbombshell"
published: "2008-11-10T13:05:22.000Z"
updated: "2008-11-11T15:56:25.000Z"
replies: 4
views: 493
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/175257-newbe-css-layout-knas"
---

# Newbe, css-layout knas

## #1 — sugarbombshell, 2008-11-10T13:05Z

Vad i hela världen har jag gjort?   :q   
Vänstra kolumnen hamnar fel och jag fattar inte vad jag gör för fel. Den ska liksom ligga längst upp som den gjorde från början, vad som hände förstår jag inte. 
Först trodde jag att det var menyn som var för stor för kolumnen, men den är på 147px och vänstra kolumnen är 160px. Kika på <http://www.dack24.nu/567109.htm>
Snälla hjälp mig.

Css koden följer här under

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:url(http://dack24.nu/images/bg.jpg);
 } 
 
\#pagewidth{ 
 width:980px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
\#header{
 width:100%;
 float:inherit;
 position:relative; 
 height:210px; 
 background:url(<http://dack24.nu/images/top.gif>) 
 }
 
 \#menu{
 width:980px;
 float:right;
 position:relative; 
 height:35px; 
 background:#99cc01;
 } 
 
\#leftcol{
width:160px; 
height:100%;
float:left; 
position:relative; 
background-color: #262626;
}
 
\#maincol{
 background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:820px; 
 height:100%;
 border: 3px solid #ffffff;
 }
 
 \#wrapper {
background-color: #ffffff;  
}
 
\#footer{
 height:5px; 
  background-color:#FFFFFF; 
 clear:both;
 } 
 

 
 /\* \*\*\* Float containers fix:
 <http://www.csscreator.com/attributes/containedfloat.php> \*\*\* \*/ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/\* Hides from IE-mac \\\*/
\* html .clearfix{height: 1%;}
.clearfix{display: block;}
/\* End hide from IE-mac \*/  

 
 /\*printer styles\*/ 
 @media print{ 
/\*hide the left column when printing\*/ 
\#leftcol{display:none;} 
\#twocols, #maincol{width:100%; float:none;}
}

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

## #2 — Web-Tor, 2008-11-10T13:55Z

Svårt att såga på rak arm men du kan testa att ändra breden på #leftcol till 150px.

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

## #3 — sugarbombshell, 2008-11-10T14:50Z

Fantastiskt, på din raka arm gick det jätte fint ;)

Löjligt enkelt, då har jag förhoppningsvis lärt mig något nytt.
Tack!

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

## #4 — Web-Tor, 2008-11-10T15:26Z

Trevligt!
Du kan säkert lösa problemet genom att ändra bredd på #maincol också, ifall du nu vill att #leftcol skall vara bredare.

Ps. Markera gärna tråden som löst.

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

## #5 — rhdf, 2008-11-11T15:56Z

Inte för att vara negativ, men är det inte lite väl mycket tabeller i den där layouten?
meny skulle enkelt kunna lösts med en \<ul\>

```
<div id="menu">
<h2>Huvudmeny</h2>
   <ul>
      <li>menylänk1</li>
      <li>menylänk2</li>
      <li>menylänk3</li>
      <li>menylänk4</li>
   </ul>
</div>
```

med Css

```
#menu{
background-color:tokgrön;
}

#menu h2{display:none;}
#menu ul{
margin-left:160px;
.. osv
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/175257-newbe-css-layout-knas