Advertisement

10.09.2008 at 11:38PM PDT, ID: 23803314 | Points: 250
[x]
Attachment Details

center text within a div that should be centered within another div

Asked by kailee in Cascading Style Sheets (CSS)

Tags:

I have an issue with centering text within a div that is in another div.
I find that position absolute works, but has inconsistent results between IE and firefox.
relative fixes the problem, but then the float doesn't span the outer div anymore and the text is centered but not for the span of the outer div.

code attached

ThanksStart Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:

#getstarted {
	background-image: url(graphics/get_started_streaming.gif);
	background-repeat: no-repeat;
	height: 220px;
	position: relative;
	width: 220px;
	float: left;
	padding-bottom: 20px;
}
 
.ad_text {
	color: #395F84;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	line-height: normal;
	margin-top: 20px;
	white-space: normal;
	float: right;
	overflow: visible;
	position: absolute;
	clear: left;
	display: inline-block;
}
 
 
<body>
<div id="getstarted">
    <div align="center" class="ad_text">
Plans start as <br>
    low as $50    </div>
  </div>
[+][-]10.10.2008 at 01:05AM PDT, ID: 22685020

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]10.10.2008 at 04:04AM PDT, ID: 22685739

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20081112-EE-VQP-42 / EE_QW_2_20070628