Page 1 of 1

Second set of eyes?

Posted: Thu Dec 13, 2007 11:18 am
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 :)

Posted: Thu Dec 13, 2007 11:21 am
by John Cartwright
Moved to Client-Side.

Posted: Thu Dec 13, 2007 12:12 pm
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. :)

Posted: Thu Dec 13, 2007 12:28 pm
by ferio-moreno
^ ..... did you atleast skim through the code? :(

Posted: Thu Dec 13, 2007 12:57 pm
by John Cartwright
It is probably better to post the relevant code.

Posted: Fri Dec 14, 2007 8:36 am
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]

Posted: Fri Dec 14, 2007 10:15 am
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?

Posted: Fri Dec 14, 2007 10:37 am
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.

Posted: Fri Dec 14, 2007 11:52 am
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.

Posted: Thu Dec 20, 2007 2:35 pm
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