26-07-2009, 23:19
|
|
|
|
חבר מתאריך: 29.12.08
הודעות: 107
|
|
בעיית טבלאות ב- ASP.NET
שלום לכולם,
מזה מספר שבועות אני מנסה לפתור בעיה מציקה למדי ב asp.net ופשוט לא מצליח לעבור את המכשול הבא:
אני מנסה לעצב אתר, כאשר הוא ממוקם בצורה אבסולוטיט משמע שכל האלמנטים ב-body יוצגו בצורה רלוונטית לקונטרול שלהם באמצע, ובו שתי טבלאות שאמורות לעזור באלמנטים של עיצוב.
הטבלה הראשונה אמורה להופיע באמצע העמוד כאשר יש מרווח של 5% דף מהסוף ו- 5% מההתחלה,
לכן בחרתי להשתמש באחוזים,
הטבלה הראשונה תופסת כ-90% אחוז מגודל ה FORM-
קוד:
<table id="Table1" runat="server" style="width: 75%; height: 90%">
וכ- 75% מרוחב ה-Form.
והטבלה השניה נמצאת בתוך הטבלה הראשונה ותופסת 90% באורך ו 90% ברוחב.
הבעיות הן כדלהלן:
1) איך אני יוצר מצב בו התוכן של הדף הוא אכן אבסולוטי? כאשר אני שם
קוד:
style="position: absolute"
ב- Body, Form, Div ואפילו- Table, זה לא עוזר והאלמנטים של הטבלה מיושרים לצד שמאל ולא לאמצע של הדף.
2) הטבלה השניה לצורך העניין: Table_Level2, אינה תופסת את המרחב השלם בתוך Table_Level1, אלא רק את המינימום האפשרי, ז"א בלי ערכי PX הטבלה מקווצת לגמריי.
קישור לתמונה הממחישה את שני הבעיות.
הקוד לפניכם:
קוד:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CssTemplateTry1.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" dir="rtl" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body style="position: absolute">
<form id="form1" runat="server" style="width: 1280px; height: 800px; position: absolute">
<div style="position: absolute; width: 100%; height: 100%">
<table id="Table1" runat="server"
style="width: 75%; height: 90%; position: absolute;" border="1">
<tr>
<td>
<table id="Table2" runat="server" style="width: 90%; height: 90%" border="1">
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
|