niNeMedlem sedan maj 2005138 inlägg Hejsan
Har ett ganska stort problem med en tabell. I Firefox och Safari fungerar tabellen utmärkt, medans Internet Explorer visar samma tabell med någon form av cellspacing mellan tre rader.
Tabellen innehåller bakgrunder för att kunna skriva i dem. Alla cellhöjder och cellbredder är satta exakt efter måtten på bilderna. Mellanrummet är alltså bara under och ovanför det mittersta segmentet, inte på sidorna. Cellspacing är satt till 0, och cellpadding är satt till 0.
Bifogar en oerhört välgjord och lättförståeligt illustrerad bild :OO på problemet där de vita linjerna (på Internet Explorersidan) illustrerar mellanrummet mellan cellerna. Alla mått stämmer enligt koden. Någon som har några förslag på hur man kan lösa problemet?
För vetskap; Nej det är inte färgerna jag använder mig av på min site... :h
Danne VMedlem sedan aug. 20068 090 inlägg
niNe skrev:
Någon som har några förslag på hur man kan lösa problemet?
Kan du länka till sidan så vi får se ALL kod (inkl. eventuell CSS, js osv) och kan testa enkelt?
niNeMedlem sedan maj 2005138 inlägg Hejsan
Kan tyvärr inte göra det, då det är en företagssite under produktion. Kan dock posta koden...
<style type="text/css">
<!--
@import url("stylesheet.css");
body {
background-image: url(img/background.jpg);
}
-->
</style>
<script type="text/javascript">
<!--
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_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_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 leftmargin="0" topmargin="0" rightmargin="0" onload="MM_preloadImages('img/button_1_2.jpg','img/button_1_2.jpg','img/button_2_2.jpg','img/button_3_2.jpg','img/top/button4_2.jpg','img/top/button5_2.jpg','img/top/button6_2.jpg','img/top/button7_2.jpg')">
<table height="617" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="7" align="center"><!--#include file="top.asp"--></td>
</tr>
<tr>
<td width="22" height="441" rowspan="3" valign="top" nowrap="nowrap"><!--#include file="left_menu.asp"--></td>
<td width="28" height="129" background="img/row2_2.jpg"></td>
<td widht="620" height="129" colspan="2" background="img/row2_3.jpg"></td>
<td width="49" height="441" rowspan="3" background="img/news_bar.jpg"></td>
<td width="212" height="441" rowspan="3" background="img/news_area.jpg"></td>
<td width="23" height="441" rowspan="3" align="right" valign="top" nowrap="nowrap"><!--#include file="right_menu.asp"--></td>
</tr>
<tr>
<td width="28" height="217" background="img/row3_1.jpg"></td>
<td width="37" height="217" background="img/row3_2.jpg"></td>
<td width="583" height="217"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','img/button_1_2.jpg',1)"><img src="img/button_1_1.jpg" name="Image14" width="135" height="217" border="0" id="Image14" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','img/button_2_2.jpg',1)"><img src="img/button_2_1.jpg" name="Image15" width="140" height="217" border="0" id="Image15" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','img/ibutton_3_2.jpg',1)"><img src="img/button_3_1.jpg" name="Image16" width="138" height="217" border="0" id="Image16" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','img/button_4_2.jpg',1)"><img src="img/button_4_1.jpg" name="Image17" width="140" height="217" border="0" id="Image17" /></a><img src="img/row3_3.jpg" width="30" height="217" /></td>
</tr>
<tr>
<td width="28" height="95" background="img/row4_1.jpg"></td>
<td width="583" height="95" colspan="2" background="img/bottom_static.jpg"></td>
</tr>
<tr>
<td height="74" colspan="7" align="center"><img src="img/bottom/row5_1.jpg" width="28" height="74" /><img src="img/bottom/row5_2.jpg" width="37" height="74" /><img src="img/bottom/row5_3.jpg" width="390" height="74" /><img src="img/bottom/row5_4.jpg" width="454" height="74" /></td>
</tr>
</table>
CSSmallen som importeras innehåller bara viss textformatering, som inte har hunnit implementeras ännu. Include'sen innehåller bara två menyer (två bilder med maps på)
headbugMedlem sedan sep. 2006867 inlägg @import url("stylesheet.css");
Tack :)
niNeMedlem sedan maj 2005138 inlägg Stylesheet.css:
@charset "UTF-8";
.rubrik {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #CCCCCC;
}
.ingress {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #999999;
}
.brodtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
}
Danne VMedlem sedan aug. 20068 090 inlägg
niNe skrev:
Hejsan
Kan tyvärr inte göra det, då det är en företagssite under produktion. Kan dock posta koden...
CSSmallen som importeras innehåller bara viss textformatering, som inte har hunnit implementeras ännu. Include'sen innehåller bara två menyer (två bilder med maps på)
Jodå, du kan säkert göra HELA sidan med ALL kod tillgänglig om du bara vill. Kanske kopiera och lägga upp på en annan server.
Vad du gjort nu är exakt vad som är så kontraproduktivt och gör att många inte orkar svara: Du antar att delar av koden inte är relevant, och så utesluter du den fast jag bad om ALL kod. Fy skäms på dej. Då måste folk alltså börja gissa och du kan kan få tips som är helt galna.
Du har t.ex. inte inkluderat allt i html och head, och vi vet inte vad som kan finnas i de inkluderade filerna. Så när man skriver "visa ALL kod" så menar man ALL kod - inte valda delar. Capisch?
Om du absolut inte kan ladda upp och visa sidan i skarpt läge (som alltså är BÄST), så föreslår jag detta:
Dra upp sidan i en webbläsare så att den är renderad som vanligt, med dina includes renderade också. Ta "show source code" eller vad din webbläsare har för val. Kopiera ALLT som visas och posta här.
OK?
headbugMedlem sedan sep. 2006867 inlägg Ledsen, men utan sidan i skarpt läge och med alla bilder och kod på plats är det supersvårt att hjälpa till. Det finns många fallgropar. Men jag skulle kunna tänka mig att det har att gör med bakgrundsbilderna i tabellen.
Du kan då prova att, istället för att ange bakgrunden direkt på <td>-elementet, skapa en CSS-regel och sätta bakgrunden där för varje element. Har för mig att IE/FF är mer överens med CSS än hur tabell-träsket skall renderas.
Lycka till :)
niNeMedlem sedan maj 2005138 inlägg Danne V: H-vete människa... Har du PMS eller? ... Ryck upp dig för f*n... Jag respekterar önskemålet om att designen inte visas offentligt förrens den är färdig.
headbug: Tackar för tipset, det löste tyvärr inte mitt problem, men det blev fortfarande mycket renare i koden, samt mer lättarbetat. Jag lyckades lokalisera problemet i mina två sidomenyer. De var lika höga som övriga siten, men när de låg direkt i tabellen drog de isär mittenpartiet. La dessa två i låsa <div>taggar (dock fortfarande i tabellen) så fungerade det perfekt i Safari/FF/IE.
Danne VMedlem sedan aug. 20068 090 inlägg
niNe skrev:
Danne V: H-vete människa... Har du PMS eller? ... Ryck upp dig för f*n...
Ojsan....
Tja, du varken verkar fatta lite skämt eller att jag påpekade saker som skulle hjälpa folk att hjälpa dig, så lycka till med projektet.
niNe skrev:
Jag lyckades lokalisera problemet i mina två sidomenyer.
...som alltså var kod som du valde att INTE visa oss eftersom du antog att den inte var relevant. Eller? Jag vilar min väska, som dom säger i Amerika. ;)
niNeMedlem sedan maj 2005138 inlägg Skämt? ... Jag tyckte snarare du verkade riktigt göbbgrinig om jag ska va helt ärlig :P
... och det berodde inte alls på kod som du INTE fick se... Du fick se precis den kod du behövde.... Men en blank html-, head- och titletagg hade kanske hjälpt dig på traven? Vad vet jag? ;)
Danne VMedlem sedan aug. 20068 090 inlägg
niNe skrev:
... och det berodde inte alls på kod som du INTE fick se... Du fick se precis den kod du behövde.... Men en blank html-, head- och titletagg hade kanske hjälpt dig på traven? Vad vet jag? ;)
Hmm... sidomenyerna, där du hittade felet, fanns ju bara med som includes i koden du beslöt dig för att visa. Eller? Jag kan i vart fall inte se en enda meny där.
Och naturligtvis har "blanka" taggar inte med saken att göra. Men det kanske hade varit avgörade att se vilken DTD du använde, eller att försäkra sig om att du hade andra stilar eller javascripter i head t.ex.
Men låt oss lämna det här. Huvudsaken är ju att du hittade felet och att andra som kanske läser tråden förstår hur avgörande det är att få se HELA webbsidan - helst i skarpt läge.
