IE9的CSS问题,特别搞笑!求高人解决!

左潇龙
博客专家认证
2011-09-04 09:39:53
这是JSP页面代码:


<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>青鸟租房首页</title>
<link type="text/css" href="css/base.css" rel="stylesheet"/>
<script type="text/javascript" src="jscript/base.js" language="javascript"></script>
</head>
<body>
<div id="top">
<img src="images/logo.jpg" /><p class="logo">老左出租</p><br />
<p class="info">专业的房屋出租出售网络平台</p>
</div>
<div class="content">
<s:form action="page/user.jsp">
<div class="forminfo">
用户登录
<hr noshade="noshade" width="516px"/>
</div>
<table class="field" align="center">
<tr>
<td>用户名:</td>
<td><input type="text" name="user_name" class="input" onblur="testUserNameIsNull()" />  <p id="usernameWarning" class="warning"></p></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="user_password" class="input"/>  <p id="passwordWarning" class="warning"></p></td>
</tr>
</table>
<div class="buttons">
<s:submit value="立即登录" cssClass="button" />
<input type="button" value="注册" class="button" onclick="document.location='page/register.jsp'" />
</div>
</s:form>
</div>
</body>
</html>

以下为关联的CSS布局代码

body { font:18px/30px 宋体; background:#fff; }
body,p,form,input { margin:0; padding:0; }
.warning {color:#F00;
font-size:12px;
}
#top {padding:0;
position:relative;
left:10px;
top:10px;
}
#top img {float:left;
}
#top .logo {color:#339;
font-size:24px;
font-weight:bold;
}
#top .info {color:#909090;
font-size:12px;
float:none;
}
#right {position:absolute;
right:30px;
top:20px;
}
#right input {height:30px;
width:120px;
font-size:18px;
background:#008000;
border:none;
margin-right:20px;
color:#FFF;
float:right;
}
.content {height:382px;
width:516px;
margin:60px auto;
background-color:#DFF;
}
.content .forminfo {font-weight:bold;
height:54px;
}
.content .field {margin:30px auto;
height:150px;
width:350px;
float:none;
}
.content .field tr td {margin:10px;}
.content .field tr td .input{height:20px;
width:200px;
}
.content .buttons {margin:20px auto;
width:300px;
}
.content .buttons .button {height:30px;
width:120px;
font-size:18px;
background-color:#0080C0;
border:none;
margin-left:20px;
color:#FFF;
float:left;
}
#housesent {height:135px;
width:100%;
border:1px solid #000000;
}
#housesent .house_img img {height:135px;
width:160px;
float:left;
}
#housesent .house_info {float:left}
#housesent .house_info table {height:135px;}
#housesent .house_button {float:right;
margin-right:50px;
}
#housesent .house_button input {height:24px;
width:80px;
font-size:16px;
background:#008000;
border:none;
margin-right:20px;
margin-top:55px;
color:#FFF;
}


问题特别搞笑,在IE中,页面中的用户登录那几个字总是竖着的,恶心死我了。
我还给他专门放进div,控制高度54px,但那几个字还是竖着的。疯了,原本用360写的页面,结果放到IE9就成这样子。
不管我用尽各种办法,那几个字就是竖着的。

本来应该是下面这个样子的(因为我不会发图,就形象的发一下,应该能看懂):


用户登录
——————————————————————————————
以下为表单内容省略

但是在IE里就是这样:






——————————表单都查到这横线里了——————————————



求解,到底怎么解决!在360浏览器里好好的,但是在IE里不行,不过我们要求必须在IE中要能用,所以没办法。
我主攻J2EE的,这个CSS实在不太懂,这是个练习项目,html代码也只能自己搞定了。求解!
...全文
513 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
Dreamweaver 外部插件 名称 简介 Alwaysontop 可以使弹出的窗口始终位于顶端 Browse4redirct 页面自动重定向到某个地址 Moustrail 鼠标移动带有"轨迹" windowresizer 指定窗口的分辨率 Pageborder 设定页边距 ColourDethRedirect 根据访问者的的屏幕颜色数选定相应页面 Framewizard 制作各种样式的帧结构 FrameBuster 监测是否现在在一个帧中,如果在跳出帧结构 Makemaillink 建立邮件连接 Makenewslink 建立新闻组连接 Fullscreen Opener 在新窗口中以全屏幕方式打开页面 close onblur 光标移出窗口时自动关闭该窗口 CSS on resolution 根据不同的分辨率调入相应的外部css文件 Css on platform 根据不同的操作系统调入相应的外部css文件 Css on Browser 根据不同的浏览器调入相应的外部css文件 FontTagKiller 将页面中所有的标记清除 jsonbrowser 根据不同的浏览器选择不同的js代码 Remove lines from maps IE4会在可点图激活时候显示虚线框,该命令移走这个框 Tag killer 将指定的标签从页面中清除 InsertCustom Tag 插入自定义标签 set global Var 在head标签中设置javascript的全局变量 windwo mover 将窗口移到屏幕的指定地方 dreamshow 使图片像播放幻灯一样顺序播放 Show-HideallLayers 隐藏或者显示所有的层 OpenerLocation 在新窗口中打开指定的url Flash3_detector 监测是否支持flash3 redirect 可以根据浏览器操作系统等多种条件调入相应页面 Centrewindow 自动将窗口置中 One by one(behavior+command) 在显示当前层的时候,自动隐藏前一个层 maxmizewindow 最大化窗口 Open full screen window 打开一个新的全屏幕的窗口 printcrossbrowser 弹出打印对话框 Audioembed 可以嵌入midi文件并设置为循环播放 Background_that_fit 不论怎样缩放窗口背景图片总是和窗口一样大 Basetarget 设定页面的的base URL Timestamp 为页面加上时间戳,这下最新更动时间不用每次再自己写了 guestbook-o-matic 不用cgi制作自己的留言本 quicktimeobj 插入quicktime文件 Flash3embedder 插入Flash3文件 realvideo 插入real文件 js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化窗口   名称 简介 Reverse Timeline Reverse Timeline可以从TIMELINE的帧15倒放到帧1,但必须将其放到TIMELINE的文件夹下,否则它不会工作 Layer f(x) Behavior 这个Behavior 可以让一个层(layer)按照一个圆形、螺旋形或一些 特殊的轨迹运动。 Align Layers 这个Action的功能是让用户可以将一个layer象table一样的在屏幕上 进行竖直或水平排列对齐,同时这个插件还可以设置整个html页面的边距。 Layer Transitions 包含了12种网页中常见的层变化效果的插件,在IE和NN内都能够正常 显示。 Back to my frame 在网页中加入这个action后浏览器将会判断当前的页面是否包含在一 个帧中,如果结果为否则会自动跳转到指定的url地址。 History Go 2.0 这个Behavior的作用是在网页中增加一个“History Go”的javascri pt,从而可以实现类似于浏览器中的“前进”和“后退”按钮的功能。 Print 3.0

13,097

社区成员

发帖
与我相关
我的任务
社区描述
Java J2ME
社区管理员
  • J2ME社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧