Floating element is cropped

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
primate
Forum Commoner
Posts: 49
Joined: Fri Jun 18, 2004 4:38 am
Location: England, UK

Floating element is cropped

Post by primate »

I'm using css to define the style of a page.

There is a main div element for the body and then a float contained within the main element and positioned to the right hand side.

Depending on the data, its possible that the right hand float may be longer than the main div element. When this happens the bottom of the right hand float is cropped at the bottom of the main div element.

Is there a way round this? - I've tried using the overlow: scroll; property etc.

I'm using IE6.0, weirdly if I resize the IE window either from windowed to full or full to windowed the whole of the float then displays correctly :?
Draco_03
Forum Regular
Posts: 577
Joined: Fri Aug 15, 2003 12:25 pm
Location: Montreal, Canada

Post by Draco_03 »

you use size in % i guess Be SURE you have right size assigned
andif you do, try using pixel
(ps : post your code, will help)
primate
Forum Commoner
Posts: 49
Joined: Fri Jun 18, 2004 4:38 am
Location: England, UK

Post by primate »

Which bit of the code do you want to see? The style sheet or the php script?
Draco_03
Forum Regular
Posts: 577
Joined: Fri Aug 15, 2003 12:25 pm
Location: Montreal, Canada

Post by Draco_03 »

both the part were you written your code (html) and the external css
primate
Forum Commoner
Posts: 49
Joined: Fri Jun 18, 2004 4:38 am
Location: England, UK

Post by primate »

Hi, sorry for not responding.

The style sheet is here:

Code: Select all

/*layout styles*/
body{
	font-family: Arial,sans-serif;
	font-size:12px;
	margin:20px 20px 0px 20px;
	background-color:#494949;
	}
	
#header {

border:1px dashed #000;
background-color:#FFFFFF;
}
	
#maincell {
	border:1px solid #000;
	background:#ffffff;
	width:95%;
		
	}
	
#maincell_box {

	background-color:#f1f1f1;
	padding:10px 10px 10px 10px;
	background-color:#f1f1f1;
	width:70%;
	margin:10px 0px 10px 10px;
	
	}

#maincell_right {
		
	border-left:1px solid #000;
	border-color:#000000;
	border-bottom:1px solid #000;
	float:right;
	width:20%;
	background:#f1f1f1;
	padding:10px 10px 10px 10px;
	margin-left:10px;
	
	}

/*text styles*/

table.main {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

table.right {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

A sample page of output that would produce the error is shown below. I suppose what I really need is some way to limit the number of results displayed per page but I'm finding this tricky :?

Code: Select all

<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="pixsaw.css" type="text/css">
<title>hsbp PIXsaw</title>

</head>

<body>

<div id="maincell">
<div id="header"><h1>hsbp PIXsaw</h1></div>
<div id="maincell_right"><table class="right" width="90%" align="center" border="1" bordercolor="#494949" cellpadding="1" 

cellspacing="0">
<tr bgcolor="#494949"><td colspan="3" align="center"><font color="#ff7f00"><strong>&nbsp;DETAIL 

FOR&nbsp;194.83.245.177</strong></font></td></tr>
<tr bgcolor="#676767"><td align="center"><font color="#FFFFFF">Date</font></td><td align="center"><font 

color="#FFFFFF">Time</font></td>
<td align="center"><font color="#FFFFFF">Port</font></td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:09</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:09</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:12</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:12</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:18</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-08</td>
									<td 

bgcolor="#dfdfdf">13:44:18</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:34:59</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:34:59</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:05</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:05</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:23</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:23</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:26</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:26</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:32</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">08:35:32</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:09:59</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:09:59</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:10:02</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:10:02</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:10:08</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:10:08</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:11</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:11</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:13</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:13</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:16</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:16</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:19</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:19</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:19</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:19</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:41:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:17</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:17</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:20</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:20</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:22</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:22</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:26</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:26</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:51:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:55</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:55</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:56</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:54:56</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:01</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:01</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:44</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:44</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:49</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:49</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:53</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:53</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:55:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:49</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:49</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:52</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:54</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:54</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:57</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:57</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:56:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:57:03</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:57:03</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:30</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:30</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:34</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:34</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">11:58:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">12:35:02</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">12:35:02</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">12:35:06</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">12:35:06</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:22</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:22</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">13:58:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:31</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:36</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:36</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:37</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:37</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:42</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:00:42</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:25</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:28</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:30</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:30</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:33</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:34</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:34</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">14:09:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:47</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:56</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">15:21:56</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:41:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:41:58</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:42:01</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:42:01</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:42:07</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:42:07</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:36</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:36</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:39</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:41</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:41</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:44</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:44</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:45</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:45</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr><td bgcolor="#f1f1f1">2004-05-10</td>
									<td 

bgcolor="#dfdfdf">16:49:50</td>
									<td 

bgcolor="#f1f1f1">ICMP</td></tr><tr bgcolor="#676767"><td colspan="3" align="center">
<form method="post" action="http://ws.arin.net/cgi-bin/whois.pl" target="_blank">
<font color="#fffff">ARIN Whois:&nbsp;<strong>194.83.245.177?&nbsp;
<input type="hidden" name="queryinput" value="194.83.245.177" />
<input type="image" align="absmiddle" src="button1.gif" /></strong></font></form></td></tr>
<tr bgcolor="#676767"><td colspan="3" align="center"><form method="post" action="http://www.ripe.net/perl/whois" 

target="_blank">
<font color="#fffff">RIPE Whois:&nbsp;<strong>194.83.245.177?&nbsp;
<input type="hidden" name="searchtext" value="194.83.245.177" />
<input type="image" align="absmiddle" src="button1.gif" /></strong></font></form></td></tr></table></div>
<div id="maincell_box">
<form action="syslog1.php" method="post">
<p>Select the date range you wish to view:</p>
<p><strong>From:</strong>&nbsp;&nbsp;<select name="day">
<option value="8">8</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="month">
<option value="5">5</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select name="year">
<option value="2004">2004</option>
<option value="2004">2004</option>
</select>&nbsp;&nbsp;
<strong>To:</strong>&nbsp;&nbsp;<select name="day2">
<option value="10">10</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="month2">
<option value="5">5</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select name="year2">
<option value="2004">2004</option>
<option value="2004">2004</option>
</select>&nbsp;&nbsp;&nbsp;Include ICMP requests?&nbsp;
<input type="checkbox" name="include_icmp" value="include_icmp" /><br /></p>
<p>Select the sites you are interested in:<br /><br />
<input type="checkbox" name="JDH" value="JDH" />&nbsp;JDH</input>&nbsp;&nbsp;
<input type="checkbox" name="College" value="College" />&nbsp;College</input>&nbsp;&nbsp;
<input type="checkbox" name="Arts and Crafts" value="Arts" />&nbsp;Arts and Crafts</input>&nbsp;&nbsp;</p>

<input type="submit" name="submit" value="Get Logs!" />
</form>
</div>

<div id="maincell_box"><table class="main" align="center" width="75%" border="1" bordercolor="#494949" cellpadding="1" 
cellspacing="0">
<tr bgcolor="#494949"><td colspan="3" align="left"><font color="#ff7f00"><strong>&nbsp;RESULTS</strong></font></td></tr>
<tr bgcolor="#676767"><td align="center"><font color="#FFFFFF">Source IP</font></td><td align="center"><font 

color="#FFFFFF">Attempts</font></td>
<td width="3%">&nbsp;</td></tr><form action="syslog1.php" method="post"><tr><td bgcolor="f1f1f1">194.83.245.177</td><td 

bgcolor="#dfdfdf">152</td>
			<td bgcolor="f1f1f1">
				<input type="hidden" name="drill_down" value=194.83.245.177 />
				<input type="image" name="drill_down1" src="button1.gif"/></td></tr></form><form 

action="syslog1.php" method="post"><tr><td bgcolor="f1f1f1">80.40.126.52</td><td bgcolor="#dfdfdf">67</td>
			<td bgcolor="f1f1f1">
				<input type="hidden" name="drill_down" value=80.40.126.52 />
				<input type="image" name="drill_down1" src="button1.gif"/></td></tr></form><form 

action="syslog1.php" method="post"><tr><td bgcolor="f1f1f1">212.67.202.14</td><td bgcolor="#dfdfdf">6</td>
			<td bgcolor="f1f1f1">
				<input type="hidden" name="drill_down" value=212.67.202.14 />
				<input type="image" name="drill_down1" 

src="button1.gif"/></td></tr></form></table></div>
	
</div>
</body>
</html>
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

to limit the number per page, and set up a "next page/previous page" system, search through the forum for "pagination"
User avatar
Vincent Puglia
Forum Commoner
Posts: 67
Joined: Thu Sep 04, 2003 4:20 pm
Location: where the World once stood

Re: Floating element is cropped

Post by Vincent Puglia »

Hi primate,
primate wrote: I've tried using the overlow: scroll; property etc.
did you try:

overflow:auto;

When I cut & pasted your code, the right column/div stretched to bottom of the page -- with oodles of blank space on the left. Is that the look you were aiming for?

Vinny
Draco_03
Forum Regular
Posts: 577
Joined: Fri Aug 15, 2003 12:25 pm
Location: Montreal, Canada

Post by Draco_03 »

Okay what I suggest is you create a div
Maincell
INSIDE that div you put mancell_box and maincell_right

AND on the property of MAINCELL (the main div) you put what you want, if you want to have the left white continue or wether you want a scroll on the maincell_right.

look like that

Code: Select all

<div id="maincell">
   <div id="maincell_box"></div>
   <div id="maincell_box"></div> //2nd one if you need
   <div id="maincell_right"></div> // the one with the float right
</div>
primate
Forum Commoner
Posts: 49
Joined: Fri Jun 18, 2004 4:38 am
Location: England, UK

Post by primate »

Hi, in response to your comments :)

vincent - yeah I did try an overflow: auto; but it still produced the same error.

However I've found the same thing as you, if I just copy and paste the code as it stands the right float works fine. Its almost like because the content for the maintable is generated after the right float it confuses IE when it closes the maincell div.

Is it the look I was going for - well not exactly, this particular html represents an extreme example of a result set that produces the error, normally the maintable would in fact contain more rows than the right float so the right float is contained within the maincell div and looks OK.

Draco_03 - I gave this a go but I just ended up with the rightfloat positioned below and to the bottom right of the maincell content :? - so effectively not floating at all.

feyd - I think this might be the best solution, its just figuring it out, this is my first real php code that does anything much so I'm still a bit of a n00b to it all at the moment :)
Post Reply