Несложня задача по горизонтальному позиционирования

mola10 · October 18, 2009

Здравствуйте, мне нужно чтобы выделеннный кусок (ниже я выделили в коде), при прокрутке оставался на месте, аналогично как http://www.becausestudio.co.uk, сам я версткой ни когда не занимался, но вот жизнь заставила, приблизительно я догадываюсь как это делать, но пока сам разберусь, нету времени, желательно чтобы профи ткнули носом)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Tender._Default" %>

<!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 runat="server">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>Business website</title> 

</head>

<body>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5" colspan="2" background="images/bg_1.jpg"><img src="images/spacer.gif" width="1" height="5"></td>
</tr>
<tr>
<td background="images/bg_2.jpg">

<-- !!!!!!!   !!!!!!  Вот этот кусок должен оставаться фиксрованным !!!!!! !!!!!!!! !!!!!-->

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="12"><img src="images/spacer.gif" width="12" height="1"></td>
<td width="34"><img src="images/logo.jpg" width="34" height="62"></td>
<td width="10"><img src="images/spacer.gif" width="10" height="1"></td>
<td class="logo">BUSINESS WEBSITE </td>
</tr>
</table>		

<-- !!!!!!!! !!!!!! !!!! Конец !!!!!!!! !!!!!!! !!!!!!! -->


</td>
</tr>
<tr>
<td height="39" background="images/bg_3.jpg"><table  border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" colspan="16"></td>
</tr>


</table></td>
</tr>
<tr>
<td height="5"><img src="images/spacer.gif" width="1" height="5"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="248" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
<tr>
<td height="2"><img src="images/spacer.gif" width="1" height="2" /></td>
</tr>
<tr>
<td><img src="images/e_3.jpg" width="248" height="89" /></td>
</tr>
</table></td>
<td height="100%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22" height="40" background="images/bg_4.jpg"><img src="images/spacer.gif" width="22" height="40"></td>
<td background="images/bg_4.jpg"><h1>WELCOME TO OUR BUSINESS WEBSITE</h1></td>
</tr>
<tr >
<td height="1" colspan="2" background="images/e_2.jpg"><img src="images/spacer.gif" width="4" height="1"></td>
</tr>
<tr>
<td height="22"><img src="images/spacer.gif" width="1" height="22"></td>
<td></td>
</tr>
<tr>
<td></td>
<td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4"><img src="images/spacer.gif" width="4" height="1"></td>
<td valign="top">

<br /></td>
<td width="26"><img src="images/spacer.gif" width="26" height="1"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Edited October 18, 2009 by s0rr0w

s0rr0w · October 18, 2009

Здравствуйте, мне нужно чтобы выделеннный кусок (ниже я выделили в коде), при прокрутке оставался на месте, аналогично как http://www.becausestudio.co.uk, сам я версткой ни когда не занимался, но вот жизнь заставила, приблизительно я догадываюсь как это делать, но пока сам разберусь, нету времени, желательно чтобы профи ткнули носом)

Научитесь пользоваться firebug'ом.

position: fixed

Sign In

Несложня задача по горизонтальному позиционирования

Question

mola10

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information