anoniem Geplaatst: 5 april 2007 Delen Geplaatst: 5 april 2007 Hallo, Ik heb al een tijdje een een eigen website. De site is voornamelijk opgebouwd uit plaatjes die ik in verschillende layers heb geplaatst. 1 grote hoofdlayer voor de achtergrond en een heel aantal kleintjes die genest zijn op deze eerste. Nu is het zo dat mijn website altijd goed gecentreerd is geweest. Ik deed dit doormiddel van [color=red:6de42c31a3]margin:0auto;[/color:6de42c31a3] en [color=red:6de42c31a3]position:relative;[/color:6de42c31a3] te gebruiken, waardoor de hoofdlayer in het midden kwam te staan en de rest van de layers netje meegingen. Nu heb ik sinds kort IE7, en krijg ik mijn website opeens niet meer gecentreerd. De site is of naar links uitgelijnd, of (als ik hem probeer te centreren doormiddel van de eerder genoemde codes) dan gaat hij helemaal naar rechts in in mijn beeld. Voorbeeld1: http://img92.imageshack.us/img92/9963/untitled1copyxi8.jpg Ik heb op meerdere websites gekeken en er worden verschillende dingen aangeraden. Bijvoorbeeld door [color=red:6de42c31a3]<center></center>[/color:6de42c31a3] te gebruiken, of door [color=red:6de42c31a3]width:100%"; align="center";[/color:6de42c31a3] te gebruiken om de hoofdlayer te centreren. Nu gebeuren er 2 dingen.... De website wordt in plaats van gecentreerd helemaal naar rechts geschoven (zoals u in het voorbeeld hierboven ook kan zien), of alleen de hoofdlayer centreerd zich maar de genestte layers blijven op hun plek. Voorbeeld2: http://img92.imageshack.us/img92/3475/untitled2copygh0.jpg 1 ding doet hij in ieder geval niet en dat is goed centreren. Het vreemde is dat als ik de [color=red:6de42c31a3]code width:100%"; align="center";[/color:6de42c31a3] gebruik op een nieuw html document met slechts 1 layer en een plaatje erin, dan werkt het dus perfekt. Maar om 1 of andere reden wil het op mijn website niet werken, vermoedelijk omdat er meerde genestte layers aan de hoofdlayer vastzitten. Ik weet niet meer zo goed wat ik moet doen en kan echt hulp gebruiken. Ik zal de broncode hieronder kopieren. Alvast bedankt KaMi :D :D [code:1:6de42c31a3] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="imagetoolbar" content="no" > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="BUDDY music to enjoy. Voor al uw muzikale omlijstingen!!"> <meta name="keywords" content="buddy, van, zutphen, music, to, enjoy, muziek"> <title>BUDDY music to enjoy</title> <style type="text/css"> <!-- body { background-color: #1b1b1b; } --> </style> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onLoad="MM_preloadImages('home2.gif','01b.gif','07b.gif','04b.gif','06b.gif','05b.gif','02b.gif','03b.gif')"> <div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:1; margin: 0 auto;"> <div id="Layer5" style="position:absolute; width:69px; height:16px; z-index:5; left: 247px; top: 141px;"> <div align="center"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','home2.gif',1)"><img src="home.gif" alt="" name="Image11" width="150" height="21" border="0"></a></div> </div> <div id="Layer4" style="position:absolute; width:200px; height:177px; z-index:4; left: 333px; top: 599px;"> <div align="center"><img src="welkom2.jpg" alt="" width="371" height="288"></div> </div> <div id="Layer3" style="position:absolute; width:200px; height:115px; z-index:3; left: 225px; top: 230px;"> <div align="center"><img src="welkom.jpg" alt="" width="564" height="263"></div> </div> <div align="center"><img src="background.jpg" alt="" width="975" height="940"> </div> <div id="Layer1" style="position:absolute; width:27px; height:33px; z-index:2; left: 72px; top: 222px;"> <div align="center"> <p><a href="prijzen.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','01b.gif',1)"><img src="01a.gif" alt="" name="Image5" width="70" height="51" border="0"></a></p> </div> </div> <div id="Layer11" style="position:absolute; width:36px; height:33px; z-index:2; left: 72px; top: 840px;"><a href="filmpjes.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','07b.gif',1)"><img src="07a.gif" alt="" name="Image12" width="70" height="51" border="0"></a></div> <div id="Layer8" style="position:absolute; width:49px; height:42px; z-index:2; left: 72px; top: 531px;"><a href="verhaal.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','04b.gif',1)"><img src="04a.gif" alt="" name="Image8" width="70" height="51" border="0"></a></div> <div id="Layer9" style="position:absolute; width:34px; height:26px; z-index:2; left: 72px; top: 737px;"><a href="muziek.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','06b.gif',1)"><img src="06a.gif" alt="" name="Image9" width="70" height="51" border="0"></a></div> <div id="Layer10" style="position:absolute; width:46px; height:37px; z-index:2; left: 72px; top: 634px;"><a href="fotos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','05b.gif',1)"><img src="05a.gif" alt="" name="Image10" width="70" height="51" border="0"></a></div> <div id="Layer6" style="position:absolute; width:35px; height:22px; z-index:2; left: 72px; top: 325px;"><a href="contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','02b.gif',1)"><img src="02a.gif" alt="" name="Image6" width="70" height="51" border="0"></a></div> <div id="Layer7" style="position:absolute; width:54px; height:30px; z-index:2; left: 72px; top: 428px;"><a href="repertoire.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','03b.gif',1)"><img src="03a.gif" alt="" name="Image7" width="70" height="51" border="0"></a></div> </div> </body> </html> [/code:1:6de42c31a3] ps: Ik ben niet goed met codes (knoppenklikker lol), dus zouden jullie het niet al te moeilijk willen maken... Dankjewel :oops: Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 De links naar je plaatjes lijken me niet compleet. Krijg iig niks te zien. Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 Edit: ow je bedoeld die imageshack files... Vreemd ik heb ze gister nog nagekeken, ik zal ze even opnieuw uploaden. Edit2: ze doen het nu.. thanks Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 Wat als je voor je hoofd layer start tikt: <div align=center> en ook de grote hoofdlayer afsluit met een </div>? Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 Dit werkt helaas niet... Als ik met die code alleen de regel insluit waar de hoofdlayer instaat, dan centreerd alleen die layer en de rest de layers blijft staan zoals in voorbeeld 2. En als ik het hele gedeelte met alle layers insluit doormiddel van die code, dan gaat de hele website naar rechts zoals in voorbeeld 1. En ook als ik alleen <div align=center> gebruik zonder </div> aan het einde gaat ook dan de hele website naar rechts. Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 [quote:ba4867727c="gerben"]De links naar je plaatjes lijken me niet compleet. Krijg iig niks te zien.[/quote:ba4867727c] Dat komt omdat de plaatjes vanuit de werkende folder worden aangeroepen.. en aangezien je ze nietop je eigen pc zult hebben.. en je de url niet weet naar de pagina op het web, weet ie niet waar ie de plaatjes zoeken moet.... Quote Link naar reactie
anoniem Geplaatst: 5 april 2007 Auteur Delen Geplaatst: 5 april 2007 [quote:2739226c77="Darkon"][quote:2739226c77="gerben"]De links naar je plaatjes lijken me niet compleet. Krijg iig niks te zien.[/quote:2739226c77] Dat komt omdat de plaatjes vanuit de werkende folder worden aangeroepen.. en aangezien je ze nietop je eigen pc zult hebben.. en je de url niet weet naar de pagina op het web, weet ie niet waar ie de plaatjes zoeken moet....[/quote:2739226c77] Hij had het volgens mij over de voorbeeld links, want die deden het inderdaad niet. Maar dat heb ik gefixed. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen