Problem med padding

HAHAHA...
Så står jag här som en idiot.
Du hade en otrolig svintur, Guldstrand!
Första gissningen gick hem.
Men kanske du förhoppningsvis fattar vad jag menar ändå?

jawbreaker skrev:

Gött. Varsågod!

Tack igen!

Du kanske är synsk och kan hjälpa mig med ytterligare ett problem som dök upp?
Problemet jag har, är med min "footer".
Om innehållet i mitten inte är lika långt som sidmenyerna, då kommer "footern" att hoppa upp. *svårt att förklara*

Postar en screen + lite css-kod.

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background:#333333 url(../pic/st-back.png) repeat-x;
	margin: 30px 140px 20px 140px;
}

#wrap{
	background-color:#FFF; 
	width: 956px;
	border: 7px solid #FFFFFF; 
	margin_bottom:20px;
}

#footer{ 
	color:#535353; 
	font-size:11px; 
	text-align:center;
	width:740px;
	margin: 20px 140px 20px 140px;
}

Alltså den vita bakgrunden (färgen), verkar stoppa i slutet av mitt-sektionen.

antingen sätter du i din #wrap en overflow hidden eller en extra div som clear: both.

voigtann1 skrev:

antingen sätter du i din #wrap en overflow hidden eller en extra div som clear: both.

Tack för ett snabbt svar.
Det fungerade kanon.

Suck...
Jag kollade visst designen med IE8, och inte med IE7.
Designen ser bra ut i både IE8 och senaste FF, men inte i IE7.

Postar en screen från IE7.
Tydligen så är det knas med h2-taggen i högermenyn som gör att mitt-sektionen hoppar ner.

CSS:

#right { float:right; } 

#right a{
	color:#000000;
	text-decoration:none;
}

#right a:hover{
	border-bottom:1px dotted;
}

#right h2{ 
	width:185px;
	height: 16px; 
	color:#c4c4c4; 
	font-size:11px;
	text-transform:uppercase;
	background:#181818 url(../pic/h2_back.png) repeat-x; 
	padding: 7px;
} 

#right h2 span{ 
	float:right; 
	font-size: 10px;
} 

#right h2 span a{ 
	color: #c4c4c4;
	border-bottom: 1px dotted;
}

#right h2 span a:hover{ 
	color: #535353;
	border-bottom: 1px dotted;
}

#right ul{ 
	border: 1px solid #c9c9c9; 
	padding: 2px;
	margin-top: 1px;
}

#right li{ 
	width: 184px;
	list-style:none; 
	font-size: 12px; 
	color: #000000;
	padding: 5px;
}

Är tacksam för all hjälp jag kan få.

Du sätter bredder på saker som du inte borde behöva sätta bredder på tycker jag (h2, li) medan du inte gör det där det verkligen behövs (#right).

Hur bred ska högerkolumnen vara? Enligt h2:an borde den vara 185 + 7 + 7px = 199px.

Du kanske hade räknat på 200px från början eftersom det är ett jämnare och finare tal, men det spelar mindre roll kodmässigt - du bör i vilket fall som sätta den bredd du vill ha på #right (199px eller 200px eller annan lämplig bredd):

#right { float: right; width: 199px; }

Jag skulle tro att det ligger (default)marginaler på dina ul som ställer till det också:

#right ul {
	border: 1px solid #c9c9c9; 
	padding: 2px;
	margin: 1px 0 0;
	list-style: none;
}

#right li {
	font-size: 12px; 
	color: #000000;
	padding: 5px;
}

Underbart! Tack!

jawbreaker skrev:

Du sätter bredder på saker som du inte borde behöva sätta bredder på tycker jag (h2, li) medan du inte gör det där det verkligen behövs (#right).

Man lär sålänge man lever.