Jump to content
pioneerx01

styling issues with forms in div only in IE (go figure)

Recommended Posts

See attached images on how it looks in IE vs everywhere else (how I would like it to look). I know it is the issues with the <form> tags. When I take them out it all looks good, but the forms don't work then. What's interesting that IE screws up only on the first loop, then second+ are styled correctly. Why? How can I fix that? Thanks

 

All the other CSS that is not written directly to the code (but is in .css file) relates to corners and button styling and they are not causing issues as when I disable them, I am still having position issues. 

	echo "<div class='corners_top_5' style='border-bottom:1px solid black; border-top:2px solid black; border-right:2px solid black; border-left:2px solid black; padding:0px 5px 0px 5px; background-color:#DDDDDD;'>";
	
		echo "<div style='overflow:hidden; '>";
			echo "<strong>Teacher/Chaperone:</strong> $row_group[last_name], $row_group[first_name]";
			echo "<div style='float:right'><strong>Group</strong>: $row_group[ID]</div>";
		echo "</div>";
	
		echo "<div style='overflow:hidden; '>";
			echo "<strong>Preferred Schedule: </strong>";
			if (trim($row_group['preferred_schedule']) == "") echo "<em class='red_text'>none selected</em>"; else echo "<em>$row_group[preferred_schedule]</em>";
			echo "<div style='float:right'>edit group info</div>";
		echo "</div>";
	
		echo "<div style='overflow:hidden; '>";
			echo "<strong>Group Special Needs: </strong>";
			if (trim($row_group['special_needs']) == "") echo "<em class='gray_text'>none listed</em>"; else echo "<em>$row_group[special_needs]</em>";
		echo "</div>";
		
	echo "</div>";
	
	echo "<div class='corners_bottom_5' style='border:1px solid black; padding:3px 5px 0px 5px; margin-bottom:10px'>";
	
		$query_students = "SELECT * FROM `student_registrations` WHERE `teacher_no` = '$row_group[ID]' ORDER BY `last_name` ";
		$result_students = $dbc->query($query_students);
		$num_rows_students = $result_students->num_rows;
		
		$row_count = 0;
		if ($num_rows_students != 0) while ($row_student = mysqli_fetch_array($result_students))
		{
			$row_count++; 
			if ($row_count %2 == 0) $style = "background-color:#EEEEEE"; else unset ($style);
			echo "<div style='overflow:hidden; $style'>";
										
				echo "<div style='float:left; overflow:hidden; width:200px; '>";
					echo "$row_student[first_name] $row_student[last_name]";
				echo "</div>";
				
				echo "<div style='float:left; overflow:hidden; width:200px; '>";
					if ($row_student['pr'] == "") echo "<span class='red_text'>Media release not submitted</span>";
					else echo "<span>Media release submitted</span>";
				echo "</div>";

				echo "<div style='float:right; overflow:hidden; width:40px; '>";
					echo "<form action='' method='post'>";
						echo "<input name='student_edit' type='hidden' value='$row_student[ID]'>";
						echo "<input name='teacher_no' type='hidden' value='$row_group[ID]'>";
						echo "<input name='email' type='hidden' value='$_POST[email]'>";
						echo "<input name='registration_id' type='hidden' value='$_POST[registration_id]'>";
						echo "<input name='delete' type='submit' value='delete' id='hyperlink_button' style='padding-top:5px'>";
					echo "</form>";
				echo "</div>";
				
				echo "<div style='float:right; overflow:hidden; width:35px; '>";
					echo "<form action='' method='post'>";
						echo "<input name='student_edit' type='hidden' value='$row_student[ID]'>";
						echo "<input name='teacher_no' type='hidden' value='$row_group[ID]'>";
						echo "<input name='email' type='hidden' value='$_POST[email]'>";
						echo "<input name='registration_id' type='hidden' value='$_POST[registration_id]'>";
						echo "<input name='edit' type='submit' value='edit' id='hyperlink_button' style='padding-top:5px'>";
					echo "</form>";
				echo "</div>";
				
			echo "</div>";
		}
		
		if ($num_rows_students == 1) $ordinal = "is $num_rows_students student"; else $ordinal = "are $num_rows_students students";
		echo "<div style='overflow:hidden; padding-top:3px'>";
		
			echo "<em>Currently there $ordinal registered with this teacher/group</em>";
			
			echo "<div style='float:right'>";
				echo "<form action='' method='post'>";
					echo "<input name='student_edit' type='hidden' value='0'>";
					echo "<input name='teacher_no' type='hidden' value='$row_group[ID]'>";
					echo "<input name='email' type='hidden' value='$_POST[email]'>";
					echo "<input name='registration_id' type='hidden' value='$_POST[registration_id]'>";
					echo "<input name='add_student' type='submit' value='add new student' id='hyperlink_button_primary' style='padding-top:3px'>";
				echo "</form>";
			echo "</div>";
			
		echo "</div>";

	echo "</div>";

post-83863-0-84672700-1444959425_thumb.jpg

post-83863-0-63782600-1444959426_thumb.jpg

Share this post


Link to post
Share on other sites

Its hard to know what the problem is without the seeing the outputted HTML from the code you post. We do not have your database/values to reproduce the same output you are getting. If at all possible could you provide a link? If not post your outputted HTML and CSS code.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.