Div-bredd ändras inte

3 svar · 228 visningar · startad av Nexus86 31 maj 2004

Nexus86Medlem sedan okt. 20023 030 inlägg

Frågan31 maj 2004 11:06#1

Jag är rätt säker på att detta har med min doctype att göra (XHTML 1.0 Transitional). Jag har en div med id mainContents och en div inuti den med klassen titleBar tillsammans med nedanstående css.

#mainContents {
	bottom: 20px;
	float: left;
	left: 151px;
	padding: 8px 8px 8px 8px;
	position: absolute;
	top: 107px;
	overflow: auto;
	width: 569px;
}

div.titleBar {
	background-color: #BA8500;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	height: 21px;
	padding-top: 4px;
	text-indent: 7px;
	width: 100%;
}

Detta borde innebära att titleBar använder allt ledigt utrymme på bredden, vilket det även gör. Men om sedan mainContents får så mycket innehåll att det kommer fram en scrollbar så kommer det även en på bredden bara för att titleBar blir för lång i detta fall. Hur ska jag få titleBar att bli smalare på bredden när det kommer en scrollbar?

frankofMedlem sedan jan. 20016 874 inlägg

31 maj 2004 11:09#2

Testa att sätt den till 95%, det kan ju fungera utan att sidan havarerar totalt ;)

dectgapMedlem sedan sep. 20021 655 inlägg

31 maj 2004 12:39#3

Eller blocka bort width: 100%; ifrån div.titleBar, så blir den så bred som det finns utrymme till.

Nexus86Medlem sedan okt. 20023 030 inlägg

1 juni 2004 00:16#4

Nämen har man sett på maken. Trodde att det skulle bli så att diven bara fick så mycket plats som innehållet behövde då men det visade sig ju att jag hade fel. ;)

Tack!