Second set of eyes?

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
ferio-moreno
Forum Commoner
Posts: 30
Joined: Tue Feb 28, 2006 10:31 pm
Location: florida

Second set of eyes?

Post by ferio-moreno »

Hi Everyone,

Its been a long while since that i've been here last. I just jumped back into web development and I had one little problem with a portfolio that I'm building.

here's the link
http://ecstylez.freehostia.com/main.php ... ategory=13

The Problem:
In firefox - its displays properly, no problems at all.
In IE - there's a HUGE white gap to the right side of the content area. I've torn the code apart atleast 3 times trying to figure this thing out and i've been shooting blanks as of 10 min. ago.

Would anyone like to view the source and see the reason for it showing up like this in IE? It would be greatly appreciated. Thx :)
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

Moved to Client-Side.
User avatar
Josh1billion
Forum Contributor
Posts: 316
Joined: Tue Sep 11, 2007 3:25 pm

Post by Josh1billion »

I opened that page in a new tab without looking at the actual page at all, then went off in other tabs to do some stuff, then forgot about it and came back to it and thought to myself "wtf where did this come from?!?"

Fun random true story. :)
ferio-moreno
Forum Commoner
Posts: 30
Joined: Tue Feb 28, 2006 10:31 pm
Location: florida

Post by ferio-moreno »

^ ..... did you atleast skim through the code? :(
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

It is probably better to post the relevant code.
ferio-moreno
Forum Commoner
Posts: 30
Joined: Tue Feb 28, 2006 10:31 pm
Location: florida

Post by ferio-moreno »

pickle | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]


here's a snippet of the image area below, I also copied the parts of the CSS that seemed relevant. So yea, in Firefox the site shows up fine.... in IE, there's a huge gap to the right. Does anyone see anything wrong with the code?

[syntax="html"]<style type="text/css">
	#container_table{
		width:700px;
	}
	#content_area{
		background: #FFF;
	}
</style>
<table id="container_table">
	<tr>
		<td id="content_area" cellpadding="0" cellspacing="0">
			<h3 id="section_title">Swimsuit Album</h3>
			<table cellspacing='1' cellpadding='3' style='background:#CCC;'>
				<tr>
					<td colspan='6' style = 'padding:20px;background:#FFF;'  width='660px' >
						<img src='http://ecstylez.freehostia.com/ext/images/001/0001.jpg' />
					</td>
				</tr>
				<tr>
					<td colspan='2' style = 'padding:20px;background:#FFF;'  width='200px'>
						<img src='http://ecstylez.freehostia.com/ext/images/001/0002.jpg' />
					</td>
					<td colspan='4' style = 'padding:20px;background:#FFF;'  width='420px'>
						<img src='http://ecstylez.freehostia.com/ext/images/001/0003.jpg' />
					</td>
				</tr>
				<tr>
					<td colspan='6' style = 'padding:20px;background:#FFF;'  width='660px'>
						<img  src='http://ecstylez.freehostia.com/ext/images/001/0004.jpg' />
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

pickle | Please use[/syntax]

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Post by pickle »

Please consider putting a NSFW note up. It's certainly not dirty, but also not something I want to have to try to explain if someone were to come by my office.

Also, tables seems like a bit of an overkill here - why not just style your <h3> and <img> tags directly?
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
ferio-moreno
Forum Commoner
Posts: 30
Joined: Tue Feb 28, 2006 10:31 pm
Location: florida

Post by ferio-moreno »

[s]sry[/s] sorry about that. I'll remember next time.

About the table thing. It was a decision on impulse, and ([s]imo[/s] in my opinion) its works best with the code that i've written to generate it.

Pretty much all the images are pulled from a string in the database and in php the code loops through the image dimensions and matches them up based based on 1 - full image, 2 - 1/2 images, 1- 1/3 and 1- 2/3 image and so on. I used tables to allow them to link up evenly based on the image widths and colspans.
[url=http://forums.devnetwork.net/viewtopic.php?t=30037]Forum Rules[/url] Section 1.1 wrote:11. Please use proper, complete spelling when posting in the forums. AOL Speak, leet speak and other abbreviated wording can confuse those that are trying to help you (or those that you are trying to help). Please keep in mind that there are many people from many countries that use our forums to read, post and learn. They do not always speak English as well as some of us, nor do they know these aberrant abbreviations. Therefore, use as few abbreviations as possible, especially when using such simple words.

Some examples of what not to do are ne1, any1 (anyone); u (you); ur (your or you're); 2 (to too); prolly (probably); afaik (as far as I know); etc.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Generally speaking, width being equal to 100% makes IE 6 very unhappy.

I ran into something like this yesterday, and I literally had to remove elements piece by piece to see where the white space went away. In my case, it had to do with a width: auto setting in my CSS.
ferio-moreno
Forum Commoner
Posts: 30
Joined: Tue Feb 28, 2006 10:31 pm
Location: florida

Post by ferio-moreno »

I tried setting the actual width at one time (700px), but still had no luck. Ever since I added another photo, the problem now shows up in Firefox! :?

I'm totally stumped! 8O
Post Reply