我最近开始为一个新网页做一个项目。我唯一的问题是,在某些网络浏览器(Apple Safari、Mozilla Firefox)上,文本和图像会偏向左侧。我想知道是否可以制作一个下拉框来更改文本在左侧的百分比。
如果有更简单的方法使格式在所有浏览器和监视器上显示正常,请告诉我。
我的代码如下所示:
<html>
<head>
<title>GameLikeBacon.com</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico" />
</head>
<body>
<center>
<IMG SRC="background.gif">
</center>
<DIV STYLE="position:absolute; top:100px; left: 15%; width:950px; height:1150px">
<center>
<script type="text/javascript">
// Empty JavaScript Section, Cookies Not Working
</script>
<left><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee">
<img src="logo.gif" onmouseover="this.src='logos.gif'" onmouseout="this.src='logo.gif'" style="border-style: none"/>
</a>
</left>
<center><a href="Action Games.html"><img src="actionbutton1.gif"
onmouseover="this.src='actionbutton2.gif'" onmouseout="this.src='actionbutton1.gif'" style="border-style: none"/></a>
<a href="Adventure Games.html" style="font-family: AR JULIAN; font-size: 25px;">Adventure </a>
<a href="Arcade Games.html" style="font-family: AR JULIAN; font-size: 25px">Arcade </a>
<a href="Sports Games.html" style="font-family: AR JULIAN; font-size: 25px;">Sports </a>
<a href="Strategy Games.html" style="font-family: AR JULIAN; font-size: 25px">Strategy </a>
</center>
<h2 align="left">Newest Game: Plants vs. Zombies</h2>
<a href="Plants vs. Zombies.html">
<img src="zombie.jpg" style="border-style: none;" align="left">
</a>
<h2 align="right">Featured Game: Fancy Pants 1</h2>
<a href="Fancy Pants 1.html">
<img src="Fancy.jpg" onmouseover="this.src='Fancy2.jpg'" onmouseout="this.src='Fancy.jpg'" style="border-style: none" align="right">
</a>
<right>
<img src="Bacon.gif">
</right>
<center>
<p style="font-size: 35px;">Newest Games</p>
</center>
<center><a href="Plants vs. Zombies.html" style="font-size: 25px;"> Plants vs. Zombies </a>
<a href="Johnny Upgrade.html" style="font-size: 25px;"> Johnny Upgrade </a>
</center>
<center>
<h1>----------------------------------------</h1>
</center>
<center><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee"><img src="Ad.gif" style="border-style: none;"></a>
</center>
<center>
<h6>Want your advertisment here? Contact me at ethandpeck@hotmail.com</h6>
</center>
<img src="splash.gif">
</DIV>
</body>
</html>
有没有更好的方法来做到这一点,或者我可以使用下拉来决定文本在左边的百分比?顺便说一句,我 11 岁,所以不要对我投反对票,因为这看起来很简单。