15 replies [Last post]
JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

I am probably overlooking something obvious, but I can't get IE 6 to display any background color or border color specified in my div id css. Can anyone see the problem?

#fmtBox {
margin: 0 auto;
width: 800px;
padding: 20px;
background-color: #e95800;
border: 3px solid #ffffff;
}

I also can't see the font, the font color, or the font-stretch attribute set for the div:

#top_horiz_links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch:extra-condensed;
color: #FFFFFF;
text-decoration: none;
}

Jack A

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The thing about

The thing about troubleshooting is that the problem is often not where you think it is, ie, you haven't shown us enough code. Can we have all the CSS and HTML please?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Links to the problem code

Ok. Thanks.

Here's the test URL: http://freemovetexas.com/apartment_search.html

Here's the test page code:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Free Move Texas - Apartment Search Details






Find a Dallas-area Apartment, Get a FREE MOVE! - FreeMoveTexas!

Welcome! Search apartments in Dallas, Houston, Plano, Richardson, Frisco, McKinney, Fort Worth. PLEASE REMEMBER: Once you exit your search, your Favorites will not be available if you return later! You will need to start over. So, email your request for more info now.

How to qualify for a free move


Dallas moving company, Professional movers, Apartment movers, Exodus Moving

Copyright 2003 Free Move Texas, Inc.
Operated by Texas Licensed Real Estate Agents. Texas Real Estate Commission Broker License # 0071171.
Any rebate offer is subject to the consent of the principals
Texas Department Of Transportation #000576834B

Web site design, development and maintenance by Andrews & Associates
www.andrewsontheweb.com
Contact: [email protected]

 

Here's the css style sheet:

#horiz_links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch:extra-condensed;
color: #FFFFFF;
text-decoration: none;
padding-bottom: 3px;
border: 2px solid #FFFFFF;
width:78%;
text-align:left;
position:relative;
top:5px; left:0%;"
}
#top_horiz_links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch:extra-condensed;
color: #FFFFFF;
text-decoration: none;
padding-bottom: 3px;
border: 2px solid #FFFFFF;
width:100%;
text-align:left;
}
.text_on_color {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
font-stretch:ultra-condensed;
color: #FFFFFF;
text-decoration: none;
}
#fmtBox {
margin: 0 auto;
width: 800px;
padding: 20px;
background-color: #e95800;
border: 3px solid #ffffff;
}

Jack A

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The page looks the same in

The page looks the same in FF & IE. Which bit/s are we s'posed to be looking at? (Sorry I didn't look too long cos that changing bg-colour is the most irritating thing I've seen on a web page this year.)

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Sorry but like Tyssen I

Sorry but like Tyssen I couldn't really take that changing background, it's distracting to a very irritating degree!

Did look at source briefly; incomplete DTD which is putting IE into 'Quirks Mode', undefined (madeup) elements for the doc type in use, and in the head! center tags and tables in use, I would loose the center tags, tables well for forms thats your choice , it would be better if you didn't however.

I would fix up the DTD before wondering about problems with IE rendering.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Background change will go

I don't see that changing bg, so I forgot about it. Wondering why I'm not seeing it on FF Mac. Anyway, I'll ditch it, fix the doc type and repost afterward. Thanks.

Jack A

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

My mistake

Sorry, guys, I sent you the right code, but the wrong URL. It's
http://freemovetexas.com/apartmentdata.html

CSS: http://freemovetexas.com/fmt_css/fmt_search_styles.css

I changed the doc type (I think) and adjusted some other stuff. The remaining problems are:

All fonts should be "Verdana, Arial, Helvetica, sans-serif" as the CSS styles show.

The top text that starts, "Welcome!..." does not respect the 20px padding (top) of the container div class, ".fmtBox"

Do you prefer code pasted here rather than links?

Thanks for the help!

Jack A

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 43 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

First things first - and the

First things first - and the first thing is to get your html valid. You can't complain about how any browser shows your html if you don't give it valid html. Also, for a new page you should use a STRICT doctype, not a transitional one. Better still can the xhtml bit and go to html 4.01 strict.

So get your code validating and come back if the problem persists.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I think if you check the

I think if you check the curvy corner instructions you'll find that you can't use padding on that top parent, but I may have remembered that incorrectly.

As for the font families not sure what the problem is the links appear to be using verdana, but you have still a heap of errors in your markup you must attend to those first before looking for other problems.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Validation

Ugh! I'm not good at this stuff but I need to be. I am attempting to validate using the W3 validator. This page will ultimately contain an iframe, so I selected this doc type:

Should I use the frameset doc type? When I do, it won't validate certain actions introduced by Dreamweaver to open a new browser window when a certain important link is clicked. The validator says certain attributes the action uses are not valid for the frameset doc type I have switched to, such as "name=" and "class="

Example:

I realize this is a css site, but I need to get past this to solve my css problems, according to you guys.

Thanks for your patience. I'm learning.

Jack A

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

New validated page-still css problems

OK, I just used the HTML Tidy tool at W3 and replaced the code in the page and uploaded it here:

http://freemovetexas.com/apartmentdata.html

It automatically changed the doc type to HTML Transitional.

It removed my inline styles and replaced them with classes, which is better obviously.

Looks better in FF Mac, but I don't have condensed text using the font-stretch css.

Wrong font still in IE 6 Win

Does this help?

Jack A

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

If you read this from the

If you read this from the W3C, you'll see that font-styles only apply to font families that have those variants, so unless your font has an extra-condensed version, you won't see anything different on screen. For example, on that page, all the font-stretch examples I see look exactly the same because I either don't have those variants installed or (more likely) they don't exist for that font.

And the fonts look the same to me in FF & IE. I will say one thing though, you don't need to specify the font-family on every single element; set it on the body and it'll apply to everything on the page. Then you only need to change font-size and font-weight for different elements.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Yes, but to change the font

Yes, but to change the font in a div, say, to override the body, why does my css not work?

Better put, how would the css be set to accomplish this?

Jack A

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Which bit doesn't work?

Which bit doesn't work?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 5 years 49 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

The font face at top of the page under the guy

The font in the text that begins "Welcome..." and the links at the top of the page on my PC show as Times or serif. Should be Verdana, as marked in my css.

Welcome! Search apartments in Dallas, Houston, Plano, Richardson, Frisco, McKinney, Fort Worth. PLEASE REMEMBER: Once you exit your search, your Favorites will not be available if you return later! You will need to start over. So, email your request for more info now.

and the links div under the above:

Jack A

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Looks like Verdana in FF &

Looks like Verdana in FF & IE6 at my end.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference