4 replies [Last post]
statman2000
Offline
newbie
Last seen: 18 years 6 weeks ago
Joined: 2004-07-01
Posts: 6
Points: 0

My website valides for XHTML and CSS, but it still does not look right in Firefox (1.0 official release). IE6 looks fine.

Here is my site:
http://www.twincitiesbiblechurch.org/index.asp

There is a black space in the middle of the page (Firefox) that is supposed to be used by the image shown below the black space.

The borders along the sides of the main display are also supposed to appear on the top and bottom but do not.

The dropdown menus do not display properly either.

Those are the 3 main problems in Firefox.

I've attached my CSS file.

Any help will be greatly appreciated!

Thank you!

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 18 years 34 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Site validates but Firefox doesn't look right!

Well done for getting the page to validate as XHTML strict. Trouble is, its not only Firefox where the page breaks. It also has the same problems in Safari and IE 5.2 (on iMAC OS X 10.2.Cool. Will have a look later when I have a bit more time

PAUL - SkyRocket Design Co
web design sydney northern beaches

statman2000
Offline
newbie
Last seen: 18 years 6 weeks ago
Joined: 2004-07-01
Posts: 6
Points: 0

Site validates but Firefox doesn't look right!

I figured it wouldn't display correctly in IE 5.5, but I wanted to correct for the Gecko-based browsers first (Firefox, Mozilla, Netscape) before dealing with IE 5.5 and Mac browsers.

Thank you and I look forward to your further feedback!

statman2000
Offline
newbie
Last seen: 18 years 6 weeks ago
Joined: 2004-07-01
Posts: 6
Points: 0

Site validates but Firefox doesn't look right!

Anyone have any suggestions?

colombopablo
Offline
Regular
Last seen: 17 years 43 weeks ago
Joined: 2004-10-20
Posts: 19
Points: 0

Site validates but Firefox doesn't look right!

IMO those borders are kinda outdated, but this is not about design opinions:

when I did this:

#out1{width: auto;
height: 100%;}

#out1, #out2, #out3, #out4, #out5 {
padding: 2px;
top: 0;
left: 0;
}

it worked on FF.... but you should check and validate... New into CSS-ing here

The end to your path is your path itself...