Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

First time slicing layout, and showing wrong in FireFox..

Started by ericrcan, Nov 30 2005 10:40 PM

You cannot reply to this topic
Go to first unread post

13 replies to this topic

#1 ericrcan

Young Padawan

Members
103 posts

Posted 30 November 2005 - 10:40 PM

This is my first time I tryed slicing a layout in photoshop..For some reason, its not working right in Fire Fox..The bottom is showing up all messed up..It works fine in IE, which seems strange to me <_<

..I have been trying this for a while..I finally got the flash W3C validated..Now I ran into this..Anyone know how to fix it?

http://www.kreatived...et/website.html

Thanks
Eric

Back to top

#2 M5-Media

Young Padawan

Members
23 posts

Location:North Carolina - USA

Posted 30 November 2005 - 10:42 PM

Nice flash there. About the slicing, Im afraid Im going through the same problem with Firefox.

Back to top

#3 raenef

Code Enforcer

Members
540 posts

Location:Battle Creek, Michigan
Interests:Web Development and Graphic Design

Posted 30 November 2005 - 10:54 PM

From a quick glance at your code Id try the valign="top" attribute in your td tags. Thats usually whats wrong with my tables when I used to do em.
example:

<td colspan="7" valign="top">

Back to top

#4 ericrcan

Young Padawan

Members
103 posts

Posted 30 November 2005 - 10:59 PM

thats what i thought too, but no luck <_<

Back to top

#5 raenef

Code Enforcer

Members
540 posts

Location:Battle Creek, Michigan
Interests:Web Development and Graphic Design

Posted 30 November 2005 - 11:40 PM

hmm, alright my apologies. I'll take a closer look at your code later on tonight since I'm a little busy atm.
If you havent fixed it by then I'll edit this post with my findings. <_<

Back to top

#6 Maxx-Designs

P2L Jedi

Members
681 posts

Location:Australia

Posted 30 November 2005 - 11:47 PM

did you use tables???

Back to top

#7 ericrcan

Young Padawan

Members
103 posts

Posted 30 November 2005 - 11:49 PM

yea..just sliced it in photoshop..then opened the created html file

Edited by zYpher, 30 November 2005 - 11:51 PM.

Back to top

#8 Maxx-Designs

P2L Jedi

Members
681 posts

Location:Australia

Posted 30 November 2005 - 11:59 PM

this happens to me somtimes, do you use any programs like dreamweaver or frontpage?

Back to top

#9 ericrcan

Young Padawan

Members
103 posts

Posted 01 December 2005 - 12:13 AM

i used WeBuilder 2005..Its like dreamweaver..

Back to top

#10 raenef

Code Enforcer

Members
540 posts

Location:Battle Creek, Michigan
Interests:Web Development and Graphic Design

Posted 01 December 2005 - 02:12 AM

Okie I made a local copy of your site and started to play around with the code and got it to work fine in both firefox and IE.
Basically I believe its your doctype thats messing up your document; heres the code (basically still in tact)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta http-equiv="reply-to" content="eric@kreativedesignworks.net">
<meta http-equiv="Content-Language" content="English">
<meta http-equiv="Keywords" name="Keywords" content="Kreative Design Works, KD-Works, tutorials, photoshop, flash, macromedia, adobe, html, css, myspace, codes, php, javascript, templates, websites, help, website design, webdesign, valid, xml, eric, candelaria, maui sold sisters, maui, sold, sisters">
<meta name="description" content="Kreative Design Works - A website help center with tutorials for all languages and help for many types of programs. There are also templates available to buy.">
<meta name="resource-type" content="document">
<meta name="revisit-after" content="3 Days">
<meta name="classificaton" content="Internet Services">
<meta name="robots" content="ALL">
<meta name="distribution" content="Global">
<meta name="rating" content="Safe For Kids">
<meta name="author" content="Kreative Design Works, KD-Works">
<title>KD-Works ~ Creating, and helping with websites!</title>
</head>

<body>
<div id="container">

<table id="Table_01" width="673" border="0" cellpadding="0" cellspacing="0" summary="">
<tr>
<td colspan="7" valign="top">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="673" height="301" id="header">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="header.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
</object><!--[if !IE]> <-->
<object type="application/x-shockwave-flash" data="header.swf" width="673" height="301">
Description of Flash Content for screen readers
</object> <!--> <![endif]-->
</td>
<td><img src="images/spacer.gif" width="1" height="301" alt=""></td>
</tr>

<tr>
<td colspan="7"><img src="images/website_02.gif" width="673" height="3" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

<tr>
<td colspan="3" rowspan="2"><img src="images/website_03.gif" width="116" height="10" alt=""></td>
<td rowspan="5"><img src="images/website_04.gif" width="186" height="280" alt=""></td>
<td colspan="3"><img src="images/website_05.gif" width="371" height="8" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>

<tr>
<td rowspan="6"><img src="images/website_06.gif" width="21" height="359" alt=""></td>
<td rowspan="2"><img src="images/website_07.gif" width="343" height="121" alt=""></td>
<td rowspan="6"><img src="images/website_08.gif" width="7" height="359" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>

<tr>
<td rowspan="5"><img src="images/website_09.gif" width="5" height="357" alt=""></td>
<td rowspan="4"><img src="images/website_10.gif" width="107" height="342" alt=""></td>
<td rowspan="5"><img src="images/website_11.gif" width="4" height="357" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="119" alt=""></td>
</tr>

<tr>
<td><img src="images/website_12.gif" width="343" height="8" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>

<tr>
<td><img src="images/website_13.gif" width="343" height="143" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="143" alt=""></td>
</tr>

<tr>
<td rowspan="2"><img src="images/website_14.gif" width="186" height="87" alt=""></td>
<td rowspan="2"><img src="images/website_15.gif" width="343" height="87" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="72" alt=""></td>
</tr>

<tr>
<td><img src="images/website_16.gif" width="107" height="15" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
</table>
</div>
</body>
</html>

Let me know how that goes. G'Luck.

Back to top

#11 ericrcan

Young Padawan

Members
103 posts

Posted 01 December 2005 - 02:56 AM

omg i love you

..i wanted to make it w3c valid too, so i made it

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

. I cant beleave (well i can), little things like that lol..Thanks again man!

Back to top

#12 raenef

Code Enforcer

Members
540 posts

Location:Battle Creek, Michigan
Interests:Web Development and Graphic Design

Posted 01 December 2005 - 03:09 AM

Yea I've run across this problem before in my designs ^^ Just as a lesson to all who may be reading this, always check your doctypes.
Anyways, not a problem, glad I was able to help and good luck in the future.

Back to top

#13 arcath

Young Padawan

Members
78 posts

Posted 01 December 2005 - 02:26 PM

I use firefox and in the bar at the bottom there is some sections that have jumped up, so i think u should use the element: valign="bottom" so that they get put the the bottom