Forums (Obsolete)

Member

CDK - 2/7/2006 4:01:04 AM

customizing layout - problem!

hi guys

im just testing out the trial version at this moment
im trying to design a new page (already read instructions)

this is what i've done
1 - design page layout in photoshop
2 - slice images in imageready
3 - converted image slice into html (from photoshop)
4 - open up the html file for viewing (everything works 100%).

now this is the problem
5 - open up the html file, copy where it says ""
to "" (this mainly contains the images in a nice table.
6 - created a new aspx page paste the above code in the middle of
"<form id="Form1" method="post" runat="server">" and "</form>"
7 - view aspx page, images are shown but they seem to be out of place.

anyone know what could be wrong?

Member

CDK - 2/7/2006 4:04:25 AM

Re: customizing layout - problem!

and here is the ASPX page:

<%@ Page Language="c#" Inherits="WebProject.defaultMain" CodeFile="default.aspx.cs" ValidateRequest="false" %>
<%@ Register TagPrefix="cc3" Namespace="Kentico.CMS.DataEngine" Assembly="Kentico.CMS.DataEngine" %>
<%@ Register TagPrefix="cc2" Namespace="Kentico.CMS.TreeEngine" Assembly="Kentico.CMS.TreeEngine" %>
<%@ Register TagPrefix="cc1" Namespace="Kentico.CMS.CMSControls" Assembly="Kentico.CMS.CMSControls" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
	<head>
		<%=WebProject.Functions.GetPageTags("/home")%>
		<%=WebProject.ProjectFunctions.GetHorizontalStyle()%>
	</head>
	<body bgcolor="#8C8C90" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin-top: 0px; margin-bottom: 0px">
		<form id="Form1" method="post" runat="server">

<!-- ImageReady Slices -->
<!-- my imageready code goes in here -->
<!-- End ImageReady Slices -->

		</form>
	</body>
</html>

Guest

admin - 2/7/2006 8:07:04 AM

Re: customizing layout - problem!

Hello,

I woul recommend you viewing the page in the browser and saving it (IE -> File -> Save as) to your disk. Then, you can try to find out what in the rendered code causes the problems. If the only change is the form element, you may need to adjust this element using styles.

If it doesn't help, please feel free to send me a screenshot of the problem to petr.palas@kentico.com.


Member	CDK - 2/8/2006 4:37:58 AM Re: customizing layout - problem! i found the problem the problem is in <head> <%=WebProject.Functions.GetPageTags("/home")%> <%=WebProject.ProjectFunctions.GetHorizontalStyle()%> </head>


Member	CDK - 2/8/2006 4:40:03 AM Re: customizing layout - problem! something is wrong in "main.css"


Member	CDK - 2/8/2006 7:13:43 AM Re: customizing layout - problem! i just removed main.css and everything seems to work fine on IE as for firefox, problem still exist. (i've emailed you the files).

Guest

admin - 2/8/2006 6:43:09 PM

Re: customizing layout - problem!

Hi Robert,

We have just solved this issue. You certainly need to remove the content of the main.css file and use your own styles. Regarding the difference in IE and FireFox – you need to remove the following line from your default.aspx page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

FireFox is more sensitive on the DOCTYPE you specify and the page it displays can be different depending on the DOCTYPE.

Please let me know if I can be of any further help.

Best Regards,


Member	CDK - 2/9/2006 1:43:01 AM Re: customizing layout - problem! hi if i remove main.css and replace <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> with <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> that works for both IE and firefox thanks alot CDK


Member	CDK - 2/9/2006 8:31:33 AM Re: customizing layout - problem! correction to above post: to make it work with firefox and IE i've replaced <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> with <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> thats the right way now.