9 svar · 778 visningar · startad av sugarbombshell
Har två streck som bökar till hemsidan till en vän som jag byggt. I FireFox och Chrome visas det helt rätt, men i Internet Explorer 7 blir det 2 streck.
Hur får jag bort dom här två strecken?
Som vanligt: Chansen att kunna hjälpa/svara ökar hundrafalt om du ger en länk till sidan och/eller postar HELA sidans källkod + CSS och eventuellt annan kod. Annars blir det oftast rena gissningar.
Sidan ligger på http://www.lindastassar.se/, ren gissning från min sida, funkade. Som Danne säger, det hjälper alltid att visa koden.
Men redan från skärmdumpen kan man notera att det är inte bara ett svart streck, utan tabellerna sticker även ut en pixel på högersidan. Det svarta strecket är alltså din bakgrundsfärg som läcker igenom. Varför IE gör så har jag inte den blekaste om.
Jag medger att det var lite klantigt av mig att inte ge ut webbadressen.
Jo att det inte är något "riktigt" streck förstod jag oxå, det måste ju vara själva koden som det är nått som IE inte gillar.
header.php
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/head.gif" width="765" height="162" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/meny1.gif" width="173" height="37" /></td>
<td>
<a href="index.php" onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','img/hem1b.gif',1)"> <img src="img/hem1a.gif" alt="Hem" name="Image16" width="97" height="37" border="0" id="Image16" /></a></td>
<td>
<a href="omoss.php" onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','img/om_oss1b.gif',1)"> <img src="img/om_oss1a.gif" alt="Om oss" name="Image17" width="97" height="37" border="0" id="Image17" /></a></td>
<td>
<a href="hundar.php" onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','img/hundar1b.gif',1)"> <img src="img/hundar1a.gif" alt="Hundar" name="Image18" width="97" height="37" border="0" id="Image18" /></a></td>
<td>
<a href="valpar.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','img/valpar1b.gif',1)"><img src="img/valpar1a.gif" alt="Valpar till Salu" name="Image8" width="92" height="37" border="0"></a></td>
<td>
<a href="kontaktaoss.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','img/kontakta_oss1b.gif',1)"> <img src="img/kontakta_oss1a.gif" alt="Kontakta oss" name="Image19" width="97" height="37" border="0" id="Image19" /></a></td>
<td><img src="img/meny2.gif" width="112" height="37" /></td>
</tr>
</table></td>
</tr>
</table>
Index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lindas Tassar</title>
<link href="stilmall.css" rel="stylesheet" type="text/css" />
<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*)&&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*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}
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*[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.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*))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('img/valpar1b.gif')">
<table width="786" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#1a2323">
<tr>
<td align="center"><img src="img/spacer.gif" width="1" height="10" /><br />
<table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><?php require('header.php'); ?></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"><table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" id="main">
<tr>
<td align="left"><table border="0" cellpadding="3" cellspacing="0" id="table">
<tr>
<td colspan="3" align="left"><p class="headerred">Välkommen till Lindas Tassar!</p>
<p class="maintext">Vi föder upp trivsamma familjehundar av raserna: Lagotto Romagnolo, West Highland White Terrier och Berner Sennenhund.</p>
<p> </p></td>
</tr>
<tr>
<td colspan="3"><span class="headergray">Se rasstandard för de olika raserna vi föder upp</span></span></td>
</tr>
<tr>
<td><img src="img/troja1.jpg" width="200" height="167" alt="Lagotto Romagnolo" /></td>
<td><img src="img/fiffi2.jpg" width="200" height="167" alt="Fiffi" /></td>
<td><img src="img/bernensennen1.jpg" width="200" height="167" alt="Berner Sennenhund" /></td>
</tr>
<tr>
<td align="left" valign="top" ><span class="maintextbold">Lagotto Romagnolo</span><br /> <img src="img/pawicon.gif" width="63" height="64" border="0" style="float:right"/><br /></td>
<td align="left" valign="top"><span class="maintextbold">West Highland White Terrier</span><img src="img/pawicon.gif" width="63" height="64" border="0" style="float:right"/><br /></td>
<td align="left" valign="top" ><span class="maintextbold">Berner Sennenhund</span><a href="bernersennen.pdf" target="_blank"><img src="img/pawicon.gif" width="63" height="64" border="0" style="float:right"/><br />
</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"><?php require('footer.php'); ?><img src="img/spacer.gif" width="1" height="10" /></td>
</tr>
</table>
</body>
</html>
footer.php
<table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="8"><img src="img/bottom.gif" width="765" height="14" /></td>
</tr>
<tr>
<td rowspan="2"><img src="img/ani.gif" width="128" height="150" /></td>
<td><a href="http://www.viskadalensdjurklinik.se" target="_blank"><img src="img/viskadalen.gif" alt="Viskadalens Djurklinik" width="193" height="75" border="0" /></a></td>
<td><a href="http://www.sshk.a.se/" target="_blank"><img src="img/bernensennen.gif" alt="Svenska Sennenhundklubben" width="69" height="75" border="0" /></a></td>
<td><a href="http://www.lagotto.org" target="_blank"><img src="img/lagotto.gif" alt="Svenska Lagotto Romagnoloklubben" width="74" height="75" border="0" /></a></td>
<td><a href="http://www.westiealliansen.se" target="_blank"><img src="img/westie.gif" alt="WestieAlliansen, är den officiella rasklubben för westierasen i Sverige" width="67" height="75" border="0" longdesc="http://www.westiealliansen.se" /></a></td>
<td><a href="http://www.skk.se" target="_blank"><img src="img/skk.gif" width="64" height="75" alt="Svenska kennelklubben" border="0" /></a></td>
<td><a href="http://www.hillspet.com" target="_blank"><img src="img/hills.gif" alt="Hill's Foder" width="107" height="75" border="0" /></a></td>
<td><img src="img/slut_lankar.gif" width="63" height="75" /></td>
</tr>
<tr>
<td colspan="7"><img src="img/bottom2.gif" width="637" height="75" /></td>
</tr>
</table>******
Efter snabbkoll: Jag tror det är olika webbläsares default padding och margin som spökar. Prova kopiera detta och klistra in i stilmallen:
* {margin:0; padding:0}
Sen får du flytta tillbaka olika grejer, bl.a. den stora tabellen genom att t.ex. ändra den här raden:
<table width="786" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#1a2323">
..så att den blir:
<table style="align:center" width="786" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#1a2323">
En liten kommentar bara, använd [kod] för att innesluta kod, blir mer lättläsligtm då.
Det som orsakar dina problem är två angivelser för tabellstorlekar.
På den övre (Två rader ovanför meny1) ska width ändras från 100% till 592.
På den nedre ska width ändras från 766 till 765.
Eftersom tabellerna får något fel storlek så lägger IE in lite extra utrymme, som är transparent ner mot lagret under.
Heh... nitro2k01 har nog rättare än jag. Testa hans lösning du.
Summan av de olika bildernas vidd i den övre tabellen (där själva menyvalen är)
173+97+97+97+92+97+112 = 765
Summan av de olika bildernas vidd i den undre tabellen
128+193+69+74+67+64+107+63 = 765
Så jag har svårt att se vart 592 kommer ifrån?
Jag ändrade tabellernas storlek till 765, det hjälpte inte. För jag vet att IE kan vara väldigt petig på px.
Så jag har svårt att se vart 592 kommer ifrån?
Du har naturligtvis helt rätt. Jag räknade ihop bredden för alla menyföremålen, men tabellen innehåller även spacers. Men faktum är dock att just i det fallet funkar även valfritt värde under 765 korrekt eftersom bilder trycker ut tabellen till rätt bredd.
För mig funkar det dock att byta ut det nämnda 100%-värdet samt width="766" längre ner. Jag kan nämna att sidan på servern är oförändrad. Har du kanske bara sparat lokalt och glömt att ladda upp?
Tack för all hjälp, servern hade fått hicka :)