7 replies [Last post]
hiroki
Offline
newbie
~/
Last seen: 17 years 23 weeks ago
~/
Joined: 2004-08-22
Posts: 4
Points: 0

Hi!

I have problem with my site and I don't know how to solve it. I've been "debugging" for about 4 hours now and did not find the error. The weird thing is, that this CSS works for other data, but NOT in one case. There has to be a mistake, but as I'm a beginner in CSS, I don't can hardly guess where it is.
Anyway, on my homepage you'll find an English TOC on the right side. So my problem is/are the pages called "proverbs" and "Jouyou Kanji List".As both have the same error, please use "proverbs" because the "Jouyou Kanji List" is a huge file, so it wil take a lot of time to download and to display.
Although the "dictionary list" section uses exactly the same CSS it does not have the error, that occurs in "proverbs". The error in "proverbs" simply is, that the contents are not shown in the middle. instead the proverbs are show on the rightmost side.
Anyone knows a way to fix this?

kawaisou na hiroki

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 36 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

Bad CSS

Hiroki,

There are a lot of problems here, but I see a few major culprits I can give you a hand with. In CSS the correct format for a comment is /* */. The // which you are using is not respected by all browsers. This is the culprit behind a lot of your display problems.

I tested your page design for the proverbs page in IE6.0 (WIN) and Netscape 7.1 (WIN). Due to the commenting issues, the page renders completely differently in each, so I was a bit confused as to which issue you were specifically trying to fix. Try fixing your comments first. Additionally, you will need to comment out the z-index on the "content" div in order for it to be rendered in IE.

One thing that might give you a jump start is to take a look at this template available on glish.com (http://glish.com/css/7.asp) for a 3 column layout. This layout is similar to the one you are working on, and may give you some insight into centering the "content" div. I will be happy to take another look if you are still having problems.

dbowne

hiroki
Offline
newbie
~/
Last seen: 17 years 23 weeks ago
~/
Joined: 2004-08-22
Posts: 4
Points: 0

Problem with DIV on my HP, not centered although it should!

hi!

thanks a lot for your help. i now tried to make it a little simpler and did not make it too complicated. i built a new CSS from the base given at http://glish.com/css/2.asp . thanks for your link, but as i wanted to have a "fluid" layout [browser resizing etc] i used (instead of 7.asp) 2.asp, which is a given fluid layout by the site you mentioned. but, now i exactly have the same problem. so i hope this time it's not a silly mistake i made ><
i already said that i am new to CSS, so anyway now i don't have "//"-style comments anymore. would you be so kind and check once again?

[as i am not so experienced writing CSS's please excuse my chaotic way of writing. this time i tried to order it a bit...]

thanks again!

bye,

hiroki

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 36 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

display problem, remove width from #content div

Hiroki,

in Default.css, remove the following line from the #contentwidth: 650px; Once you have done so. For testing purposes I changed all of your comments in default.css to the correct style and removed the link to ruby.css. I tested this in IE5.5, IE 5.01, IE 6.0, and Netscape 7.1 (Windows).

If you are still having problems post a screen capture, and please list the browser and platform you are using for testing. This really helps nail down the issue.

Cheers.

dbowne

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 36 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

new files

Hiroki,

Sorry, I just refreshed and saw your new work on the site. I will review and post a comment.

dbowne

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 36 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

problem solved... I think

Hiroki,

I think that the problem you are looking to fix is that #en (the div containing the content) renders on that far right side of the page. This is because #bg is set to 1002px wide. remove the width on #bg as this is what is forcing the extra space into your layout. Also the Float Right for #en is unnecessary for your design.

dbowne

hiroki
Offline
newbie
~/
Last seen: 17 years 23 weeks ago
~/
Joined: 2004-08-22
Posts: 4
Points: 0

Problem with DIV on my HP, not centered although it should!

hi!
thanks again for your reply!
i changed what you said... but...well, the error looks different but should be the same. so there still is an error, can still not imagine where it lies Sad
anyway, removing "1002px" from the css for "bg" does not allow me to center the page anymore. and what's more, the title bar has (almost) 100% width.
but the most important error is, that when navigating to "proverbs" now the contents are places correctly, but the right navigation menu (english) disappears!
i add a screenie as attachment.
thanks again for your help, i hope the problem can be solved :-/
ah! I use Linux with Mozilla 1.7.2.

hiroki
Offline
newbie
~/
Last seen: 17 years 23 weeks ago
~/
Joined: 2004-08-22
Posts: 4
Points: 0

Problem with DIV on my HP, not centered although it should!

oh yessssss. i found the mistake!!!
and.. i have to excuse myself.. it was not an CSS error... it was an XSL/XML error Sad
sorry for that.

the problem was that when a div-element is empty CSS is confused. (still a problem i think, because there are weird layouts produced when a div is empty...). but anyway the div-that was empty should not be empty.. so i fixed it, and voila, everything worked well....

anyway,
thanks for your help!!! you really helped me... also with the link and the comments-related errors.