Topic: Layout Help (Page 1 of 1)

Working on a new one here -> http://people.tamu.edu/~rar7655/ And I've having some layout problems, mainly with NN. I'll take whatever advice you want to give and answer questions you have.

Thanks.

-SPyX

Pretty messy code IMO.
<p> is not an empty element and should be closed, not look like <p /> (according to your doctype, no empty element should end with a slash anyway.)
And why use <font>?
Also, the positioning of some stuff makes me confused.

Maybe not what you wanted to hear but I didn't really understand what you meant.

You're right. I got the paragraph tag mixed up with <br />. Not sure why you say that it shouldn't end with slashes. The font tag was used because that is the way I found to do the drop shadow effect, but that breaks in NN so it will probably be done away with.

Please be more specific on what confuses you about the positioning.

Empty elements in HTML 4 should not end with />.

What "confuses" me about the positioning is, first of all the login box which is over the table. Alsom some other elements seems to be overlapping each other.

Yes, you're mixing XHTML syntax with an HTML 4.0 doctype. Not a good idea.

As for the CSS problems, I see two main issues:

1. the Login box is right on top of the Current Bids box. I looked at your CSS and you're pretty much telling it to do that; the only case this won't happen is when the Current Bids box is under 380 pixels tall, which doesn't seem to be happening. You need to find a better way to make it appear after the current bids box regardless of it's height - i suggest that you put both DIVs within a larger DIV, and absolutely position *that* DIV to the left, so that the two inner DIVs appear one after another on the page.

2. The Current Bids box overlaps with the Info box. This has to do with the fact that your DOCTYPE isn't switching the browser into standards mode. I suggest you look first at http://www.tantek.com/CSS/Examples/boxmodelhack.html to learn about the problem and the solution, and then at http://alistapart.com/stories/doctype/ to find a doctype that will switch browsers into standards mode.

Good luck.

Oh, and if you mean "Netscape Navigator 4.x" by "NN," then excuse me while I go laugh hysterically. =)

No, 6.2 i think it was. And thanks for the links!


[This message has been edited by SPyX (edited 02-22-2003).]

Better yes? (same link as above)

Edit: Remove sig and. . . Netscape 7.0 hates me. I get no background or formatting whatsoever.

[This message has been edited by SPyX (edited 02-24-2003).]

Much better. In IE 6 at least.

Now that you're using an XHTML doctype, you have to use XHTML syntax for all of your tags, though. I still see some <input> tags that you're not closing:

<form name="Form"
action="http://people.tamu.edu/~jam2122/login.cgi"
method="post">
Username <input type="text" name="user"><br />
Password <input type="password" name="passwd"><br />
<input type="submit" value="Login">
</form>

should be

<form name="Form"
action="http://people.tamu.edu/~jam2122/login.cgi"
method="post">
Username <input type="text" name="user" /><br />
Password <input type="password" name="passwd" /><br />
<input type="submit" value="Login" />
</form>

Your meta tag also needs to be closed.

Can anyone check the site in Netscape and see if it is going apeshit for you too?


[This message has been edited by SPyX (edited 02-25-2003).]

Just plain text for me in mozilla, so the CSS file doesn't load it seems.
PS, This should be fixed.



[This message has been edited by HZR (edited 02-25-2003).]

Yes I've done the validation bit. The explanations on there often leave me with no idea what I did wrong or how to fix it. I don't know most of this stuff by heart, ie. Still learning so actually having a human lay it out for me is nice.

Edit: Damned sig.


[This message has been edited by SPyX (edited 02-26-2003).]

ITS VALID!!! Yet, still no luck with N7. . .

Edit: Oops, put an ampersand in there the wrong way so it's not valid atm. (And some day I'll make a post without editing it.)


[This message has been edited by SPyX (edited 02-26-2003).]