Page 1 of 1

Floating element is cropped

Posted: Fri Jul 16, 2004 8:47 am
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 :?

Posted: Fri Jul 16, 2004 9:10 am
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)

Posted: Fri Jul 16, 2004 9:24 am
by primate
Which bit of the code do you want to see? The style sheet or the php script?

Posted: Fri Jul 16, 2004 10:32 am
by Draco_03
both the part were you written your code (html) and the external css

Posted: Tue Jul 20, 2004 10:06 am
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>

Posted: Tue Jul 20, 2004 10:50 am
by feyd
to limit the number per page, and set up a "next page/previous page" system, search through the forum for "pagination"

Re: Floating element is cropped

Posted: Tue Jul 20, 2004 1:37 pm
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

Posted: Tue Jul 20, 2004 4:39 pm
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>

Posted: Wed Jul 21, 2004 4:45 am
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 :)