Jump to content

Two positioning problems


Recommended Posts

This is the site i'm working on:http://www.flatballphoto.co.uk/bjportfolio/index.phpThe white box is meant to be centred in the paper texture. Currently this works in FF, but not in IE. It is also meant to be aligned at the top of the table, nestling just under the grey area. In both browsers this will not happen. It works when i remove the height: 100% element from the table the div is resting in, but i want that texture to stretch from top to bottom, so i need it to be on 100%. The question is, how do i then make that div sit at the top of the table. Vertical-align:top does not work.Or am i approaching this in the wrong way?Here is my css:

body {	font-family: Arial, Helvetica, sans-serif;	background-color: #75001C;	margin: 0px;	font_size: 15px;}a:link {	text-decoration: underline;}a:visited {	text-decoration: none;}a:hover {	text-decoration: none;}.background_table {	width: 1000px;	height: 100%;	background: url(images/background.jpg);	vertical-align: top;}.artist_statement {	width: 900px;	padding: 20px;	background-color: #ffffff;	text-align: justify;	vertical-align: top;	margin-top: 50px;	margin-left: auto;	margin-right: auto;}

And here is the page code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="style.css" rel="stylesheet" type="text/css"></head><body><table border="0" align="center" cellpadding="0" cellspacing="0" class="background_table">  <tr>	<td height="100">	  <?php		require("menu.php");	  ?>	</td>  </tr>  <tr>	<td>	<div class="artist_statement"> Claire Blundell Jones’ practice includes performance, 		video, installations and interactive public works. She creates work mainly 		in the public realm, which develops directly out of the relationships 		built between the audience and herself. Claire has previously performed 		in public places (parks, busy central streets, city centres) with/without 		specially made props, and has changed her behaviour (such as asking for 		hugs) in order to gain and explore relationships with strangers. These 		performances are created to respond or to comment on how we relate to 		one another in public. The relationships and reactions from those she 		engages with are videoed and then used as part of installations with interactive 		elements. The performances are often videoed in secret so that the general 		public do not perform to the camera: Claire believes the relationships 		and encounters she has with the public should be as natural and unconstrained 		as possible. Permission is sought (where appropriate) for the footage 		to be edited and displayed. Throughout this work, she often deals with 		the themes of emotional neediness and comfort, personal space, alienation 		and flirtation. <br>		<br>		Claire has become increasingly involved in community projects, and has 		collaborated with community officers, safety professionals and students 		to transform certain public places in work such as “Lounging on Red Couches: 		A public dialogue on safety in Hyde Park”. These projects strive to use 		art as a tool for change and increase social inclusion. It questions the 		meaning of ‘community’ in our day and age by concentrating on building 		and exploring relationships with strangers. </div>	</td>  </tr></table></body></html>

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.   Paste as plain text instead

  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.

Loading...
×
×
  • Create New...