---
title: "Box modell problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165481-box-modell-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "carro87"
published: "2007-10-14T18:00:59.000Z"
updated: "2007-10-15T12:10:35.000Z"
replies: 4
views: 539
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/165481-box-modell-problem"
---

# Box modell problem

## #1 — carro87, 2007-10-14T18:00Z

har precis  börjat med css och jag får detta inte att funka i
IE men det ser bra ut i FF.
Kan någon hjälpa mig med detta. jag tror det e det som kallas för box model problem men jag är inte säker. har tittat på det man jag fattar inte hur man ska koda det då på för sett :(

\#container
	{ width: 600px;
	  height: 780px;
	  margin: 20px;
	  border: none;
	  background: #EAE7D2;
	  color: #797066;
	}

\#topbar
	{ text-align: right;
	  font-style: italic;
	  position: relative;
	  bottom: 17px;
	  color: White;
	  background-color: #51473D;
	}
	
\#menu
	{ border: none;
	  margin-top: -60px;
	  background-color: #51473D;
	  color: White; 
	  padding-bottom: 270px;
	  background-image: url(coffey.jpg);
	  background-repeat: no-repeat;
	  background-position: center;
	}
	
\#menu ul
	{ list-style-type: none;
	  border: none;
	  position: absolute;
	  left: 2px;
	  top: 227px;
	}
\#menu li
	{ display: inline;
	}

\#menu li a
	{ font-family: Verdana;
	  font-size: 12px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  padding-left: 20px;
	  padding-right: 20px;
	  color: White;
	  background-color: #797066;
	  text-decoration: none;
	  text-align: center;
	}
	

\#menu a:hover
	{ background: #9C9084;
	  color: White;
	}
\#menu a:focus
	{ background: #EAE7D2;
	  color: #797066;
	}
	
img
	{ float: left;
	  margin-left: 10px;
	  margin-right: 10px;
	  margin-bottom: -5px;
	} 
	
\#maincontent p
	{ font-family: Verdana;
	  font-size: 14px;
	  margin-right: 270px; 
	  margin-left: 10px;
	  line-height: 23px;
	  
	}
	
\#subcontent
	{ margin-left: 350px;
	  margin-top: -430px;
	  border-left: 1px dashed;
	  float: right;
	  
	}
	
	
\#subcontent p
	{ margin-left: 15px;
	  font-family: Verdana;
	  font-size: 13px;
	  line-height: 200%
	}
	
\#subcontent h2

	{ margin-left: 15px;
	  font-weight: lighter;
	}
\#maincontent h1
	{ margin-left: 10px;
	  font-weight: lighter;
	}
\#subcontent h1

	{ margin-left: 10px;
	  font-weight: lighter;
	}
	
	
\#subcontent ul
	{ font-family: Verdana;
	  font-size: 15px;
	  list-style-type: none;
	  margin-left: -25px;
	  
	  
	}
	
\#subcontent ul li a:link
	{ color: #797066;
	}
\#subcontent ul li a:visited
	{ color: #797066;
	}
	
	
	
\#bottomcontent
	{ font-family: Times New Roman;
	  font-size: 13px;
	  font-style: italic;
	  position: absolute;
	  top: 770px;
	  margin-left: 10px;
	}

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

## #2 — Sjodahl, 2007-10-14T18:04Z

Har du någon länk så man kan se hur det ser ut ?

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

## #3 — carro87, 2007-10-14T18:06Z

ja 
<http://homepage.hik.se/student/ct22cj/web2/upp1/index.html>
den ser va ut i ff men inte i ie.

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

## #4 — aasah, 2007-10-14T21:42Z

Verifieras av en IE användare. Av länkarna ser jag bara 
p://... (dvs htt har försvunnit).
Brödtexten ovanför verkar däremot ligga rätt?

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

## #5 — carro87, 2007-10-15T12:10Z

ja det blir så i ie6 men i ie7 ser det helknasigt ut.
e det ingen som kan hjälpa?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165481-box-modell-problem