Printable View
سلام
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این که میبینید دوتا div تو در تو هست یعنی یه دیو خاکستری رنگ هست و توش یه عکس نارنجی و در زیر اون یه دیو دیگه با بردر آبی قرار داره نمدونم چرا تویه ff مشکلی نداره ولی وقتی میبرم تویه ie اون بالا که تو شکل علامت زدم یه فضایه خالی نشون میده ! من که خسته شدم از بس مارجین . پدینگ 0 کردم بازم درست نشد مشکل چیه ؟
نقل قول:
از ie بيش از اين بر نمي آد ! بايد بسوزي و بسازي !!! :31::31::31::31:
سلام
ie واقعن داره خیلی بد عمل میکنه، من تصویری ندیدم که بفهمم اصلن مشکل چیه !!!
ببخشید عکس اضافه شد
اره میدونم خوده بیل گیتس هم استفاده نمیکنه !نقل قول:
از ie بيش از اين بر نمي آد ! بايد بسوزي و بسازي !!!
ولی اینقابل حله
میدونم این به خاطر یه مارجینی یا پدینگه که مقدار دهی نکردم و ie به صورت Default یه مقداری بهش داده که باعث این فاصله در بالا شده ولی نمیدونم لعنتی چیه
شاید با یه valign:"top" مشکل حل بشه، مقادیر پیش فرضی که ie در نظر می گیره با ff فرق داره.
شما تا کد ندین که نمی شه کمک کرد.
کد خاصی نداره :
البته این یه ستون sidebar
هست
[HTML]
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
margin-top: 20;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.twoColHybRtHdr #container {
width: 80%; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColHybRtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColHybRtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColHybRtHdr #sidebar1 {
float: right;
width: 15em; /* since this element is floated, a width must be given */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0px; /* top and bottom padding create visual space within this div */
}
.b1 {
border: 1px solid #0066CC;
}
.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}
.twoColHybRtHdr #mainContent {
margin: 0 13em 0 10px; /* the left margin's value is equal to the header and footer which creates alignment down the left side of the document. */
}
.twoColHybRtHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.twoColHybRtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style>
</head>
<body class="twoColHybRtHdr">
<div id="container">
<div id="sidebar1"><img src="mysite/site/images/head_pic.gif" width="207" height="36" />
<div class="b1">Content for New Div Tag Goes Here</div>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>
</html>
[/HTML]
اینم یه عکس از کل صفحه تو دریم ویور
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
عجیبه این یه ستونه side bar هستش وقتی تو div اصلی این کارو میکنم بدونه مشکله تویه دیو sidbar1که میزارم هی یه فضایه خالی میندازه بالاش
سلام
من کدتون رو امتحان کردم توی ie7 و فایرفوکس 3 یه جور نمایش داده میشه. مشکلی نداره!
احتمالاً باید تو بقیه کدهای صفحه دنبال مشکل بگردید!