-
Q:
Bijdragerels30 augustus 2005 om 11:18FF en IE
Hallo
Ik ben een websiteje aan het maken in GoLive, nu heb ik een probleemje als ik vergelijk in FF en in IE.
Als ik het open in FF (mijn hoofdbrowser) dan staat alles juist.. als ik deze open in IE zie je dat de afstanden niet kloppen.
Het tekstveldje iis kleiner dan in FF, de spatie tussen de twee scrollpijltjes is groter dan in FF.
Hoe kan ik deze voor alle twee hetzelfde maken.. bestaat er zo’n scriptje? (heel de site zou ook in het midden terecht moeten komen op eender welk scherm)
Ook zou ik graag twee tekstvelden naast elkaar willen zetten, maar als ik gewoon alles dubbel maak dan wordt het tweede tekstveldje onder het eerste geplaatst.
Ookal zet ik het tekstveldje naast het eerste tekstveldje.. kan iemand mij hierbij helpen?Hieronder vind je het voorbeeldje
Alvast bedankt
Groetjes<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html;charset=iso-8859-1″>
<meta name=”generator” content=”Adobe GoLive”>
<title>Untitled Page</title>
<script src=”scroll.js” type=”text/javascript” language=”javascript”>/*
Auto center window script
*/var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 – 25 : 0;
settings =’height=’+h+’,width=’+w+’,top=’+TopPosition+’,left=’+LeftPosition+’,scrollbars=’+scroll+’,resizable’
win = window.open(mypage,myname,settings)
}</script>
<style type=”text/css”>
* {font-family:’Lucida Grande’,Verdana,sans-serif;font-size: 12px;line-height: 1;}#up_1 {position: relative; top: 160px; left: 624px; width: 1px; height: 1px; z-index: 1;}
#down_1 { position: relative;top: 185px; left: 623px; width: 1px; height: 1px; z-index: 2;}
#content_1_clip { position: relative;top: -30px; left: 100px; width: 500px; clip:rect(0px,500px,300px,0px); visibility: visible; z-index: 5; overflow: hidden;}
#content_1 { position: relative;visibility: visible; }
#bak { color: black; font-size: 12px; }
#home { background-image: url(images/bg_home_02.jpg); background-repeat: no-repeat;}
#top { }
#logo { position: relative;color: #9c0000; font-size: 18px; font-family: “Apple Chancery”;top:-60px; left:20px}
#submenu { color: #666666; font-size: 11px; text-align: right}
a:link { color: #666666; font-size: 11px;text-decoration: none;}
a:visited { color: #666666; font-size: 11px;text-decoration: none;}
a:active { color: #666666; font-size: 11px;text-decoration: none;}
a:hover { color: #9c0000; font-size: 11px;text-decoration: none;}</style>
</head>
<body onload=”scroller_init()”>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ height=”100%”>
<tr>
<td id=”top” align=”center” valign=”middle”>
<table width=”64″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr height=”100″>
<td width=”750″ height=”100″><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″ height=”100″ width=”750″>
<param name=”movie” value=”fileadmin/template/menu.swf?pageVar=dienst”>
<param name=”quality” value=”best”>
<param name=”play” value=”true”>
<embed height=”100″ pluginspage=”http://www.macromedia.com/go/getflashplayer” src=”menu.swf?pageVar=dienst” type=”application/x-shockwave-flash” width=”750″ quality=”best” play=”true”>
</object></td>
</tr>
<tr id=”home” height=”450″><td width=”750″ height=”450″><div id=”logo”>Alain Bogaerts</div>
<div id=”submenu”> </div><div id=”bak”>
<div id=”up_1″>
<img src=”https://www.onemorething.nl/wp-content/themes/onemorething/external-image.php?src=up.&ext=gif&h=2b8b5464c93cf5475e04524d0fb5c23d&t=1618126686″ border=”0″ onmouseover=”move_up(‘content_1’)” onmouseout=”stop_moving()”>
</div><div id=”down_1″>
<img src=”down.gif” border=”0″ onmouseover=”move_down(‘content_1’)” onmouseout=”stop_moving()”>
</div><div id=”content_1_clip” style=”height: 300px;”>
<div id=”content_1″>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras congue. Fusce sem ligula, placerat mattis, suscipit consectetuer, condimentum luctus, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin eros. In quis dolor. Phasellus a ante non arcu rhoncus interdum. Donec sodales odio pharetra quam. Sed blandit placerat nunc. Morbi ultricies wisi eu ante. Pellentesque in ante. Sed iaculis congue pede.</p>
<p>Fusce a dolor ut sem consectetuer nonummy. Integer tellus turpis, gravida facilisis, sagittis auctor, ornare quis, lorem. Donec quis pede. Nam ac magna et erat volutpat consectetuer. Aliquam sit amet purus. Maecenas pellentesque nonummy enim. Suspendisse felis. Sed fringilla. Phasellus auctor orci. Fusce tristique, erat vel congue rutrum, magna eros lobortis massa, et posuere erat massa vel massa. Sed congue, eros a elementum sagittis, arcu neque aliquet libero, id volutpat mi pede et sapien. Morbi sit amet odio. Fusce venenatis mi vitae nunc. Fusce rutrum, urna eget mollis tempor, wisi turpis mollis libero, sit amet consequat massa eros imperdiet dui. Donec dignissim orci eu lorem. Fusce tristique dolor id neque. In sit amet ante.</p>
</div>
</div></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body></html
BijdragerSunneh30 augustus 2005 om 11:31Oke, lang verhaal:
Een script bestaat hier niet voor. Het ligt puur aan je (x)html gebruik. Ben je een beetje bekend met de opmaak van div’s en tables, dan zou bijna alles precies hetzelfde moeten zijn.
Het verschil met FF en IE is dat IE een bugbrowser is. Vergeet je iets te sluiten.. dan sluit die browser het voor je.
Is het trouwens niet makkelijker om een stylesheet te gebruiken? Anders krijg je een erg lange opmaak in je bronvermelding, probeer het zo kort mogelijk te houden.
(edit: Heb je niet een online voorbeeldje? Dan weet ik waar je het echt over heb).)
Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.