/    Sign up×
Community /Pin to ProfileBookmark

CSS Troubleshooting

Copy linkTweet thisAlerts:
Aug 07.2005

Hey this is my first time trying to make a CSS/XHTML website, the site seems to be working well in Firefox but it messes up in IE and for some reason the layout does not appear to change when the resolution or window is resized like what I mean is that the buttons don’t move to fit the window like these sites: [url=http://www.cssbeauty.com/]http://www.cssbeauty.com/[/url]
if you resize your window or change your resolution the site reconfigures to keep the same look but my site just stays static

edit: if you are on IE the images look messed up because of the PNG alpha transparency settings i’ll get that taken care of from this tutorial: [url=http://www.alistapart.com/articles/pngopacity/]http://www.alistapart.com/articles/pngopacity/[/url]

to post a comment
CSS

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@dasickisauthorAug 07.2005 — edit:sorry my site is: www.sbhssports.com/newkaya/
Copy linkTweet thisAlerts:
@ray326Aug 07.2005 — The reason it doesn't "fit the window" is all the absolute positioning. E.g. you need something more like "margin: 70px auto;" to allow a div to auto center.
Copy linkTweet thisAlerts:
@dasickisauthorAug 08.2005 — Well I updated it (on IE run the ActiveX component it's the only way to get transparency to work)

I do have one problem the line under the links is longer in Firefox than it should be why is this?

I was just wondering how can I better the site? CSS wise what should I do differently or add or delete?

http://sbhssports.com/newkaya
Copy linkTweet thisAlerts:
@ray326Aug 08.2005 — Well I see a line there under the menu but it extends too far to the right and the links don't work in IE for some reason.
Copy linkTweet thisAlerts:
@dasickisauthorAug 08.2005 — I redid the site if you want to check again
Copy linkTweet thisAlerts:
@ray326Aug 08.2005 — The Employment link has gone wacky.
Copy linkTweet thisAlerts:
@JayhawkAug 08.2005 — Below the words "About Location" there is some small text, but due to colors it is completely unreadable.
Copy linkTweet thisAlerts:
@dasickisauthorAug 10.2005 — I fixed it once again
Copy linkTweet thisAlerts:
@dasickisauthorAug 12.2005 — I redid the site but I used underscores for different formatting for IE I know this is bad practice so how do I fix this so I don't have to keep doing this for all the sites I make? how does everyone else deal with IE?

If you look at my CSS you will see my quick and dirty method.
Copy linkTweet thisAlerts:
@FangAug 12.2005 — Best not use underscores, this bug could be fixed in a future version of IE.

Use [URL=http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp]Conditional Comments[/URL] to load css for IE.
Copy linkTweet thisAlerts:
@dasickisauthorAug 12.2005 — Also I was wondering how is it possible to style a button while visiting a page and not have that show when you're not on the page.

For example, if I was on the home page I would like the Home page to change color but when I am on the Services page I would like the Services button to change color and the Home button to go back to its original color
Copy linkTweet thisAlerts:
@dasickisauthorAug 18.2005 — Hey is it just me or do the images load up slowly on IE?
×

Success!

Help @dasickis spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...