Problem med padding

HAHAHA... :birp
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? :r
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. :bire

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å. :r

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. ;)