61,112
社区成员
发帖
与我相关
我的任务
分享IE7,不兼容流动布局问题
问题描述:
当调整id为mian的div宽度和高度为300px的时候,IE7就不兼容了,
而当宽度和高度为200/400px的时候页面就是好的,
问题解决不了,帮忙重新设计一下页面也是可以的哦
当调整id为mian的div宽度和高度为300px的时候,IE7就不兼容了,
而当宽度和高度为200/400px的时候页面就是好的,
问题解决不了,帮忙重新设计一下页面也是可以的哦
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>我的日历</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#main{/*130*170*/
width: 300px;
height: 300px;
margin: 0 auto;
}
</style>
<style type="text/css">
.jyg_calander{
height: 100%;
width: 100%;
}
.jyg_selecter{
height: 12%;
border: 1px solid #CCC;
}
.jyg_weeks{
height: 12%;
border: 1px solid #CCC;
border-right: none;
}
.jyg_week{
width: 14.285%;
height: 100%;
float:left;
}
.jyg_week div{
width: 100%;
height: 100%;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.jyg_days{
height: 76%;
border: 1px solid #CCC;
border-right: none;
border-bottom: none;
}
.jyg_day{
width: 14.285%;
height: 100%;
float:left;
}
.jyg_day > div{
width: 100%;
height: 100%;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.jyg_day_row{
width: 100%;
height: 16.6%;
}
</style>
</head>
<body>
<div id="main">
<div class="jyg_calander">
<div class="jyg_selecter">
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr style="height: 100%;">
<td width="50%" align="center" valign="center">
<select>
<option>2011</option>
<option>2012</option>
<option selected="selected">2013</option>
<option>2014</option>
<option>2015</option>
</select>
</td>
<td align="center" valign="center">
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option selected="selected">8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
</tr>
</table>
</div>
<div class="jyg_weeks">
<div class="jyg_week"><div>日</div></div>
<div class="jyg_week"><div>一</div></div>
<div class="jyg_week"><div>二</div></div>
<div class="jyg_week"><div>三</div></div>
<div class="jyg_week"><div>四</div></div>
<div class="jyg_week"><div>五</div></div>
<div class="jyg_week"><div>六</div></div>
</div>
<div class="jyg_days">
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
<div class="jyg_day_row">
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
<div class="jyg_day"><div>1</div></div>
</div>
</div>
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
fzfei2 2013-08-18
- 打赏
- 举报
直接用table
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>我的日历</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#main{/*130*170*/
width: 300px;
height: 300px;
margin: 0 auto;
}
</style>
<style type="text/css">
.jyg_calander{
height: 100%;
width: 100%;
}
.jyg_selecter{
height: 12%;
border: 1px solid #CCC;
}
.jyg_ds{
border-collapse:collapse;
width:100%;
height:100%;
}
.jyg_ds td{
border:1px solid #ccc;
text-align: center;
}
</style>
</head>
<body>
<div id="main">
<div class="jyg_calander">
<div class="jyg_selecter">
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr style="height: 100%;">
<td width="50%" align="center" valign="center">
<select>
<option>2011</option>
<option>2012</option>
<option selected="selected">2013</option>
<option>2014</option>
<option>2015</option>
</select>
</td>
<td align="center" valign="center">
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option selected="selected">8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
</tr>
</table>
</div>
<table class="jyg_ds" >
<tr>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</table>
</div>
</div>
</body>
</html>
街头小贩 2013-08-18
- 打赏
- 举报
哥哥,没看问题描述? 400和200没问题,300就有问题?[/quote]
原来缘来 2013-08-18
- 打赏
- 举报
在TD里排版不是很稳？，你要实现什么东西?
[/quote]
日历插件,TD里放DIV,将DVI的宽度和高度设为100%,很多版本的IE有问题
fzfei2 2013-08-18
- 打赏
- 举报
在TD里排版不是很稳？，你要实现什么东西?
原来缘来 2013-08-18
- 打赏
- 举报
其实我td里面是需要一个div的,然而div放里面还会出现其他的兼容问题
原来缘来 2013-08-17
- 打赏
- 举报
哥哥,没看问题描述? 400和200没问题,300就有问题?
街头小贩 2013-08-17
- 打赏
- 举报
各浏览器计算有出入
