float issue (confusing)

danny322 · #1 (**permalink**) Jan 9th, 2008, 10:35

hey im working on this site......

http://www.design365.co.uk/toys/

it looks ok in IE but firefox is displaying the products further down, could anyone help out? The products are displayed in the div named 'product_slice'.

Thanks, Danny

Lchad · #2 (**permalink**) Jan 9th, 2008, 11:00

Take a look at this html in your code

Code: Select all

<div id="product_slice">
<!--<div id="search"></div>
<div id="menu_header"></div>
<div id="menu_slice"></div>
<div id="menu_round"></div>
<div class="clearing"></div>
<div id="best_heading"></div>
<div id="best_slice"></div>
<div id="best_round"></div>
<div id="product_slice">-->

Delete the bits in red.
That should fix your errors..

danny322 · #3 (**permalink**) Jan 9th, 2008, 11:19

hey lchad, sorry about that i actually put them comments in while i was trying to fix the problem. If you take a look now you will see my problem with regards to the gap in firefox. Thanks

welshstew · #4 (**permalink**) Jan 9th, 2008, 11:24

Sorry, I'm not seeing the difference, can you post screen shots of expected and actual behaviour.

Thanks

welshstew · #5 (**permalink**) Jan 9th, 2008, 11:26

Sorry, just seen it.

add margin-top:-10px to the div to move it up

danny322 · #6 (**permalink**) Jan 9th, 2008, 11:33

thanks ill try that now welshstew

danny322 · #7 (**permalink**) Jan 10th, 2008, 08:28

Hey guys, ill try and explain the problem im having in a bit more detail.......

The ecommerce software im using is called VPASP, the site works around 2 pages ('header' and 'trailer'). All the main content is called into the header file in the div named 'product_slice', for some reason this div needs to be at the bottom of the code in the header page, and the closing </div> in the trailer page. Heres the code......

shoppage_header.htm

Code: Select all

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<%=getlang("langcharset")%>">
<title><%shopdynamictitle "title"%></title>
<meta name="description" content="<%shopdynamictitle "description"%>">
<meta name="keywords" content="<%shopdynamictitle "keywords"%>">
<%inserturchinstats%>
<script language="javascript" src="vs350.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!-- Begin
function clearfield(){
//if (document.form3.keyword.value == "search this site")
if (document.form3.keyword.value == "<%=getlang("langsearchboxdefault")%>")
    document.form3.keyword.value = "";
}
//  End -->
</script>
<link href="stylesheets/shop.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container"> 
<div id="banner"></div>
<div id="cart"></div> 
<div id="banner_bottom"></div>
<div id="unique_banner"></div>
<div id="search"></div>
<div id="menu_header"></div>
<div id="menu_slice"></div>
<div id="menu_round"></div>
<div class="clearing"></div>
<div id="best_heading"></div>
<div id="best_slice"></div>
<div id="best_round"></div>
<div id="product_slice">

shoppage_trailer.htm

Code: Select all

</div>
</div>
</body>
</html>

Im guessing im having a problem with the products area in firefox because of where <div id="product_slice"> is positioned, but it HAS to be at the bottom of the 'header' page. Could anyone help out?

Thanks, Danny

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Very confusing mySQL array	alexgeek	PHP Forum	10	Oct 8th, 2007 17:29
Some confusing validation errors on my home page	Zonglars	Web Page Design	2	Jul 16th, 2007 14:51
CSS Float Issue	Ryan Fait	Web Page Design	5	Jan 16th, 2007 14:59
Problems with float:left float:right	nvidiajoe	Web Page Design	8	Nov 17th, 2006 20:24
Confusing Clock	adrix	Flash & Multimedia Forum	5	Aug 31st, 2006 14:26

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
float issue (confusing)