[melin]

modeling24 dot com

/* CSS Document */

html, body {
	height: 100%;
}
body {
	background: url(images/background.gif) -94px 0px;
	margin: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
}
h2 {
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 16px;
	color: #3196ec;
}
p {
	margin : 0 0 5px 0;
}
img {
	border: 0;
}
#page {
	width: 750px;
	margin: 0 0 0 80px;
	float: left;
}
#menu {
	width: 100%;
	height: 25px;
	background: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	float: left;
	padding: 0 10px 0 20px;
	cursor: pointer;
}
#menu .blue {
	background: #fff url(images/box_blue.gif) 5px 4px no-repeat;
}
#menu .orange {
	background: #fff url(images/box_orange.gif) 5px 4px no-repeat;
}
#content {
	background: #fff;
}
#hotspot {
	width: 240px;
	float: right;
	margin: 0 5px 0 0;
	background: #fff;
}
.leftcol {
	width: 495px;
	margin: 0 0 0 5px;
}
#news div {
	background: #f1f1e9;
	padding: 5px;
	margin: 0;
	height: 200px;
}
#news ul {
	width: 100%;
	height: 27px;
	background: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}
#news li {
	width: 70px;
	height: 22px;
	text-align: center;
	float: left;
	cursor: pointer;
	padding: 5px 0 0 0;
}
#news .active {
	color: #000;
	background: #fff url(images/tab_01.jpg) no-repeat;
}
#news .inactive {
	color: #555;
	background: #fff url(images/tab_02.jpg) no-repeat;
}

#ads {
	float: left;
	margin: 54px 5px 0px 5px;
}

.thumb {
	border: 1px solid #dedecc;
	margin: 0 5px 0 0;
	padding: 1px;
	float: left;
}
.female {
	border-left: 5px solid #e374e7;
	padding-left: 5px;
}
.male {
	border-left: 5px solid #3196ec;
	padding-left: 5px;
}

a {
	color: #3781c0;
	text-decoration: none;
}
a:hover {
	color: #333;
}

Där är CSS-koden. De viktiga områdena är #hotspot, #page och .leftcol

[HMH]

Doubled Float-Margin Bug?

Isf, sätt display:inline; på de floatade elementen.

Mer info:
http://www.positioniseverything.net/...ed-margin.html

[melin]

du menar på .leftcol och #hotspot?

[HMH]

Originally posted by melin@Apr 25 2007, 15:33
du menar på .leftcol och #hotspot?

På #page och #hotspot skulle jag säga spontant. Helt enkelt på de element som är floatade och där marginalen blir dubbelt så stor som angivet.

Annars kan det vara så att du fått in ie6 i quirksmode med felaktig eller utelämnad doctype och du då får problem med box-modellen när du har marginaler och paddings samtidigt som width och height.

Har inte kollat hur det ser ut, bara på koden... men sakerna ovan är det jag skulle tittat efter först med tanke på css:en.

[melin]

funkade, tack