So, you think your soo good... (html)
 

Moderators, you can lock this thread. problem Solved.

I got one for ya. I dont really know how to google this, so here goes:

I got a table, with these dimentions: Width = 100% Height = 100%

It's devided into three columns. So the code looks like:

Now, here's the thing:
The two Outside collums... the right and the Left have PERCENTAGE widths. So, it would look like:

Here's the problem. Guess what happends if I put more than 400 Pixels of text in the middle column? For some reason, it pushes the 400 pixel middle column BIGGER than 400 px, and this is a huge problem here. What can I do? I cant put breaks after every line... I have hundreds of lines of text in my webpage layout. I have also tried putting a table that takes up the middle column, but for some reason, it still pushes bigger than specified peramiters (sp). Wtf can i do? I thought about using an Iframe for the middle column, but I hate working with frames... When the page loads, there's a huge white block where the frame is.

I would appreciate it if I could have a little help with this. It would be really helpful if someone knew a way to pre-load the page/iframe before the page is actually showed or if someone knows how to stop the middle from Expanding.

Thanks for any help :)

Use div tags and css.

Dont know either. After I DO learn both, I would have to mess around and practice with them and get good ect, before I can really Think of a way to fix my problem.

I taught myself xhtml strict and css in less than a week (with no prior knowlege of any code whatsoever) using W3schools as a reference.

http://www.w3schools.com/

Yea, i dont really have a week. This is just a simple problem. I cant afford a week to try and fix this.

Does this work?

http://alexluu.trybalink.net/page.html

code:
<table width="100%" height="100%">

<tr>

<td width="40%">

asd

</td>

<td width="400">

copy and paste copy and paste copy and paste copy and paste copy and paste 

copy and paste copy and paste copy and paste copy and paste copy and paste 

copy and paste copy and paste copy and paste copy and paste copy and paste 

copy and paste copy and paste copy and paste copy and paste copy and paste 

copy and paste copy and paste copy and paste copy and paste copy and paste 

copy and paste copy and paste copy and paste copy and paste copy and paste 

</td>



<td width="40%">

asd

</td>

</tr>

</table>

...Yes. Maybe I did something wrong... Wtf.

here's the coding for my website:

Edit: WTF. ...It works now... Wtf...

...I dont understand why THAT doesnt work.

So it looks like:

A huge table, Divided into three colums, that has Width = 100%, and height = 100% With three tds, the two sides have width = 40%, and the middle is 400 px. on the two outside Colums, there is an image (one on each side). In the middle, there's another table. At the top of the table, there is a banner. For some reason, when I type in the middle table, it pushes out of bounds.

Uh, I tried the exact coding that i had originally again by putting it in a notepad document, and manually loading it into a webpage, and it mysteriously worked. :rolleyes:

You should remove all hard-wired "height" and "width" attributes and let the user's browser do what it's supposed to do: render the page as best it can.

what do you mean? The percentages?

Now wtf. It only works if I use WORDS. if I do "SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS" It pushes the table out of it's demensions :rolleyes:

See!? It did it with winamp!


Anyway, It doesnt matter anymore. Mods, you can lock this thread. I dont have this problem, as long as I actually use real words.

Maybe you should just clean up your code. It's atrociously sloppy.

as far as i have seen your code, you're always doing this:

<td width = 400>

instead, do this:
<td width="400">

Don't use anything outside the HTML 4.0 standard unless you NEED it. That's what I say... ah well, I have started using xhtml syntax now, but I think that's compatible backwards...

Does it make a difference?

I think your problem may lye in the

<table width="100%" height="100%">

Maybe take out the width="100%" ??

Nope. Cant. Anyway, problem solved.

When you you percentage in tables and images(images are got only horizontal support by IE, anyways... it's mesured from the parent-width/height, and not the table itself...

If it's a table inside another table-cell, the width of 100% is the width of the cell the table is place within. If the table have the body as parent, it's the body-width that's mesured.

And always use attribute="value" as that's the XML and XHTML syntax.. and always end your tags, if it be by <tagname /> or <tagname>content</tagname>

...What made you think that I didnt know this?

All of these rules dont necessarily apply to me. I dont do XML, I know all of the rules, and I know when to use quotes. None of these are legitimate.

If you're looking strictly at it as "do I absolutely have to code as such?" then no, none of these reasons are "legitimate."

However, it's not suprising that you keep running into these "problems."

Yes, the way you're doing it is invalid, and probably doesn't work at all. Trying to write HTML in this manner will only make things harder for you in the future.

It works both ways, and coding wise, does not make a difference, whatsoever. It is not the cause of my problems.

Most of the time, the problem runs deeper than technique. The true problem often lies in the web author's attitude.

Effective delivery of a message shouldn't always have to depend on the way it looks. Your table does not have to be exactly x pixels wide.

Are you using an image to convey a certain message when a block of text, formatted reasonably nicely, would be just as (or more) effective?

Are you using a table as a layout tool, rather than to present data that naturally lend themselves to a tabular arrangement?

Are you, in general, too concerned with style, and paid too little attention to substance?

You should write the little sayings that go into fortune cookies, you would make a fortune. No pun intended.

;)

I can tell you that spaces in attributes is wrong, and the only reason that the webbrowser catch them, is that they got "intelligent" understanding of spelling-errors.

The only place where there can be space, is between the quotations.

code:




<tag attribute = value>content</tag> wrong

<tag attribute = "value">content</tag> wrong



<tag attribute=value>content</tag> this is right for some attributes

<tag attribute="value">content</tag> I would stick to this if I were you, cause this is never wrong

Example with spaces inside a quotation

code:




<font face="times new roman">content</font>

And the whole idea with the quotations is that you CAN input values with spaces, and the quotations are the identifiers which tells the brower where the attribute-value starts and where the attribute-value ends.