7 svar · 315 visningar · startad av Asterix
Själv så använder jag Mozilla så jag har inga problem men tyvärr så finns det sådana som använder Explorer :). Om ni kollar på länken nedan i Explorer så ser texten i rutorna väldigt konstiga ut. Texten försvinner liksom. I Mozilla så funkar det som sagt perfekt. Någon som vet hur man kan lösa det??
http://www.webhallen.com/test.html
Tar jag bort width='100%' ur table-taggen så funkar det men då är problemet att den inte sträcks ut till just 100% när det inte är så mycket text i rutorna.
Testa att ta bort den här tabellen, vet inte vad den fyller för syfte men det verkar vara den som trycker ut den andra tabellen.
<table cellpadding='0' cellspacing='0' border='0' align='left'>
<tr>
<td><img src='bilder/gif/ingen.gif' width='150' height='150'></td>
<td width='15' rowspan='2'><img src='bilder/prick.gif' height='1' width='15'></td>
</tr>
<tr><td height='10'><img src='bilder/gif/prick.gif' height='10' width='1'></td>
</tr>
</table>
Där ska en bild ligga. Det är bara sökvägen som inte stämmer just nu.
Ingen som vet om det är en bugg i Explorer eller bara jag som gör fel, eller är det någon som vet hur man kan göra det på något annat sätt.
Ursäkta, men din html-kodning är helt uppåt väggarna - sidan är felskriven och innehåller konstigheter, här är sidan med en del rättningar (gjorda av tidy) - pröva den nu istället:
Observera att tecknet • ska vara html-tecknet •
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy, see https://www.w3.org">
<title></title>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<table cellpadding='1' cellspacing='0' border='0' width='464'>
<tr>
<td height='9'></td>
</tr>
<tr>
<td><img src='bilder/gif/text_avd_1.gif'></td>
</tr>
<tr>
<td height='3'></td>
</tr>
<tr>
<td height='1'><img src='bilder/gif/dot_line.gif' height='1' width=
'464'></td>
</tr>
<tr>
<td height='3'></td>
</tr>
<tr>
<td class='text'>
<table cellpadding='0' cellspacing='0' border='0' align='left'>
<tr>
<td><img src='bilder/gif/ingen.gif' width='150' height='150'></td>
<td width='15' rowspan='2'><img src='bilder/prick.gif' height='1'
width='15'></td>
</tr>
<tr>
<td height='10'><img src='bilder/gif/prick.gif' height='10' width=
'1'></td>
</tr>
</table>
<font face='arial' size='2' class='text'><b><font face='arial'
size='4' class='rubrik'>Halo - Combat Evolved</font></b><br>
<img src='bilder/gif/prick.gif' height='5' width='1'><br>
</font>
<table cellpadding='0' cellspacing='0' border='0' width=''>
<tr>
<td bgcolor='#4B687F'>
<table cellpadding='10' cellspacing='1' border='0' width='100%'>
<tr>
<td class='obs' bgcolor='#EBF1F5'><font face='arial' size=
'2'><b>• Koppla upp din Xbox på Internet redan nu och spela
Halo mot andra online. Ladda ner ett program som du använder för
att koppla upp din Xbox via din dator. OBS att det kräver att du
har en snabb uppkoppling, minst Kabel eller ADSL-modem. Läs mer om
XbConnect och ladda ner programmet (gratis) härifrån: <a href=
"http://www.xbconnect.com/" target=
"new">http://www.xbconnect.com</a>.</b></font></td>
</tr>
</table>
</td>
</tr>
</table>
<font face='arial' size='2' class='text'><br>
<b>Ett genreöverskridande epos!</b><br>
<br>
Halo är troligen ett av de senaste årens mest efterlängtade spel,
och få kommer att bli besvikna. Halo sätter en ny standard, genom
att sudda ut gränsen mellan traditionell FPS och rollspels-
äventyr. En oförutsägbar dramaturgi och överväldigande
detaljrikedom, komplexa karaktärer och listiga fiender, som
samarbetar och rör sig i taktiska enheter, gör spelet till varje
sann science fiction- entusiasts dröm!<br>
<br>
Strandsatt på den ringformade världen Halo, kämpar du för att
rädda mänskligheten.<br>
<br>
<b>Features:</b><br>
• Utnyttjar grafiken till fullo<br>
• Helt nytt multiplayer<br>
• Konstant action<br>
• 4:a på USA-listan<br>
• Verklig simulering<br>
• Hårdskjutande arsenal<br>
• Spela 4 st med splitscreen<br>
• Upp till 16 spelare i nätverk<br>
• Styr och påverka maskiner<br>
• Fantastiska miljöer<br>
• Supersnygga detaljer<br>
• Otroligt beroendeframkallande<br>
• Smarta fiender<br>
• Virtuellt sci-fi/action-filmljud.<br>
<br>
</font>
<table cellpadding='0' cellspacing='0' border='0' width='100%'>
<tr>
<td bgcolor='#4B687F'>
<table cellpadding='10' cellspacing='1' border='0' width='100%'>
<tr>
<td class='obs' bgcolor='#EBF1F5'><font face='arial' size=
'2'><b>• Manual på svenska, danska, finska och norska följer
med. Spelet är på engelska.</b></font></td>
</tr>
</table>
</td>
</tr>
</table>
<font face='arial' size='2' class='text'><br>
<br>
</font></td>
</tr>
</table>
</body>
</html>
Det hjälpte inte.
På rad 50 står det width='' det ska vara width='100%'. Eftersom sidorna skapas dynamiskt så måste width vara 100% både uppe och nere eller inget. Är width='100%' så blir det bra där nere men inte där uppe. Är width='' så blir det bra där uppe men inte där nere. Någon som förstår??
Ni kan jämföra http://www.webhallen.com/test.html och http://www.webhallen.com/test2.html.
Har du något speciellt skäl att använda tabeller. Annars kan du byta ut
<table cellpadding='0' cellspacing='0' border='0' width=''>
<tr>
<td bgcolor='#4B687F'>
<table cellpadding='10' cellspacing='1' border='0' width='100%'>
<tr>
<td class='obs' bgcolor='#EBF1F5'><font face='arial' size=
'2'><b>• Kort text.</b></font></td>
</tr>
</table>
</td>
</tr>
</table>
mot
<div style="border:1px solid #4B687F; background-color:#EBF1F5;
padding:10px; font-family:arial,sans-serif; font-size:x-small;
font-weight:bold;">
• Kort text.
</div>
Och vilka webläsare stödjer det. Antar att det är rätt många som inte stödjer det