Please check my use of <span> or <div>

[Debt.tv]

The words "featured restaurants" comes in fine using IE7 but for firefox and chrome the text is outside of the box, too low? Is it in my use of span or something else. Thank you. Dreamweaver validator didn't show up any errors. HELP!

on my style.css
span.frontpage {
color: white;
font-weight: bold;
font-size: 20px;
font-family: garamond, "times new roman", serif;
}

#frontpagerestaurants {
border: solid #F2912A 1px;
height: 24px;
width: 448px;
background: #B3313A;
position:absolute;
top: 370px;
left: 378px;
text-align: center;
}


on my default.htm
<div id="frontpagerestaurants"><p><span class="frontpage">Featured Restaurants</span></p></div>

 

[nasaboy007]

it coudl have something to do with the absolute position that you set. i try to avoid absolute positioning at all costs - is it necessary or can you use relative?

do you have a link to the live version of your site with this problem online?

 

[Debt.tv]

it coudl have something to do with the absolute position that you set. i try to avoid absolute positioning at all costs - is it necessary or can you use relative?

do you have a link to the live version of your site with this problem online?

It's not live yet, is relative positioning different from absolute? How would the CSS look?

rep'd!

---------- Post added at 11:08 AM ---------- Previous post was at 10:02 AM ----------

it coudl have something to do with the absolute position that you set. i try to avoid absolute positioning at all costs - is it necessary or can you use relative?

do you have a link to the live version of your site with this problem online?

not the problem.......I can't figure it out. Why won't text stay inside the block for non IE browsers?

 

[nasaboy007]

u just basically change the position: absolute to position: relative, and you'd probably have to change your numbers around a bit. absolute positioning uses a pixel distance from the top left of the window, whereas relative will allow you to add or subtract (positive/negative distances) from where the object would have fallen if it were unstyled. there is a certain flow to the html, and so each object has a base position, and from that the relative position can be changed.

 

[Debt.tv]

I just tried to put in <h1>locate my text</h1> and my text for IE is lower then my text for firefox and Chrome???????? It has nothing to do with my css. How do I know what "DOCTYPE!" I need to use? I saw that there may be 2 for me to choose from.

 

[mps705]

on my default.htm
<div id="frontpagerestaurants"><p><span class="frontpage">Featured Restaurants</span></p></div>

Remove the <p> tag and you should be fine.

 

[Debt.tv]

Remove the <p> tag and you should be fine.

REP'D>>>>WORKED!!!! Thank you very much!!!

Why did that happen?

 

[nasaboy007]

the p tag generally adds whitespace around whatever it encloses (since it's a paragraph). that's why when you enclose text in p tags, you'll be able to see clearly defined sections.