Någonting är fel...

13 svar · 625 visningar · startad av caze 27 feb. 2006

cazeMedlem sedan sep. 20016 059 inlägg

Frågan27 feb. 2006 02:35#1

Kan någon tolka varför innehållet inte visas i någon webbläsare som Firefox, IE etc, utan bara Safari. Jag kan endast se texten och antar att är det något som är fel med tabell eller innehållet i övrigt... (Jag vet att jag kodar riktigt gammalmodigt!)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>The mighty</title>
<style type="text/css">
<!--
body { overflow-Y: hidden;}
A:link    {text-decoration: none; color: #ffffff}
A:active  {text-decoration: none; color: #ffffff}
A:visited {text-decoration: none; color: #ffffff}
A:hover   {text-decoration: underline; color: #ffffff;
-->
</style>
</head>
<body style="padding: 0; margin: 0;">

<table width="100%" height="100%" cellspacing="0" cellpadding="0">

<tr background="blue.gif" width="100%">
<td valign="bottom" width="33%"></td>
<td valign="bottom" width="33%" align="center"><img src="me.jpg" alt="me"></td>
<td valign="bottom" align="center" width="33%"></td>
</tr>

<tr background="white.gif" width="100%" height="100%">
<td valign="bottom" width="33%" height="100%"></td>
<td background="white.gif" width="33%" height="100%" valign="top">asd</td>
<td valign="top" width="33%" height="100%">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; :: Meny ::<br>Karim Karim
</td>
</tr>
</table>

</body>
</html>

tillmarMedlem sedan sep. 2002928 inlägg

27 feb. 2006 02:39#2

genom en snabbtitt så på denna rad

A:hover {text-decoration: underline; color: #ffffff;

så saknas }

cazeMedlem sedan sep. 20016 059 inlägg

27 feb. 2006 02:52#3

Jeppp, men det åtgärdar inte problemet.

tillmarMedlem sedan sep. 2002928 inlägg

27 feb. 2006 02:57#4

Okej, men vad är det som ska hända som inte händer?
Dum formulering på frågan, men du fattar nog ;)

cazeMedlem sedan sep. 20016 059 inlägg

27 feb. 2006 04:20#5

Yes, jag vill att en en bakgrundsbild ska ligga över 100% bredd en bit upp på sidan, sen ska det vara en bild i mitten över det, och innehållet under.

cazeMedlem sedan sep. 20016 059 inlägg

28 feb. 2006 18:25#6

jarvkloMedlem sedan juli 20013 378 inlägg

28 feb. 2006 21:56#7

Orsaken är mest troligt att "background" inte är ett giltigt attribut för just <TR> (och att både MSIE och FF verkar vara mer noga med att anpassa sig till "standard" än Safari i just det här fallet)...
http://www.w3.org/TR/html4/struct/tables.html#h-11.2.5

Du har två val:

Använd "bgcolor" istället om det "bara" är en färg du är ute efter...
Kör med CSS - byt t.ex. ut background="blue.gif" mot style="background-image: url('blue.gif');" (för *det* är giltigt även för <tr> ;) )

. :birp

cazeMedlem sedan sep. 20016 059 inlägg

1 mars 2006 04:11#8

Okej, jag har kvar tabellen men kör nu css boxar med bakgrunden istället. Fungerar ändå inte i Firefox...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>The mighty</title>
<link href="crap.css" rel="stylesheet" type="text/css">
</head>
<body style="padding: 0; margin: 0;">

<table width="100%" height="100%" cellspacing="0" border="0" cellpadding="0">
<tr width="100%">
<td valign="bottom" width="33%"><div id="blue"></div></td>
<td valign="bottom" width="33%" align="center"><img src="me.jpg" alt="me"></td>
<td valign="bottom" align="center" width="33%"><div id="blue2"></div></td>
</tr>

<tr width="100%" height="100%">
<td valign="top" align="right" width="33%" height="100%"></td>
<td valign="top" width="33%" height="100%" valign="top"><div id="white">apa</div></td>
<td valign="top" width="33%" height="100%"></td>
</tr>
</table>

</body>
</html>

css:

#white
	{
	width: 360px; 
	height: 200px;
	padding: 0x;
	border: 0px solid;
	background-image: url(white.gif);
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #666666;
  	margin: 0 auto;
  	}

#blue
	{
	width: 100%; 
	height: 300px;
	padding: 0x;
	border: 0px solid;
	background-image: url(blue.gif);
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #666666;
  	margin: 0 auto;
  	}

jarvkloMedlem sedan juli 20013 378 inlägg

1 mars 2006 19:04#9

Eh - jo... Din kod funkar klockrent i FF 1.5.0.1 på win2000 Pro hos mig iallafall...

Fast jag hade nog iofs satt id="blue" m.fl direkt på tabellcellerna för att slippa ifrån de extra tomma div:arna - men det är ju jag det :birp

cazeMedlem sedan sep. 20016 059 inlägg

2 mars 2006 00:23#10

Okej, fungerar varken i min eller flickvännens Firefox/IE
url: http://www.bsthlm.se/mighty/index.htm

MozfanMedlem sedan okt. 2005541 inlägg

2 mars 2006 20:39#11

caze skrev:

Okej, fungerar varken i min eller flickvännens Firefox/IE
url: http://www.bsthlm.se/mighty/index.htm

Jag ser inget annat än en tom vit skärm/bakgrund. Vad jag kan se så är det inget konstigt med din kodning, så jag undrar om det inte är något mer konstigt med dina bilder som du tänkt dig som bakgrunder?

Om jag högerklickar högst upp på den vita ytan och väljer "view background image", så blinkar den "berömda" iconen för "bild saknas" till och sedan ser jag en text med URL'en till "me.jpg" (dvs "alt-texten" för en bild som inte visas och inte har annan angiven alt-text). Högerklickar jag på texten så får jag egenskaperna för bild, bl.a. att den är 578 kB stor.

Om jag högerklickar längre ner på den vita ytan och väljer "view background image" så får jag upp CSS-filen! Så nog verkar det som att webbläsaren känner av att det finns en bakgrundsfil, men kan inte visa den av någon anledning. Storleken på "me.jpg" antyder också att den kanske inte är en .jpg fil utan egentligen någon annat filformat som fått fel filändelse i namnet?

UlfTMedlem sedan maj 20018 027 inlägg

2 mars 2006 21:03#12

Mozfan skrev:

Jag ser inget annat än en tom vit skärm/bakgrund. Vad jag kan se så är det inget konstigt med din kodning...

Får samma resultat. När jag tog fram koden som Firefox hade fått, fick jag följande:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>The mighty caze</title>
<link href="crap.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="container2"><div id="container"></div></div>

</body>
</html>

Var det verkligen så det var tänkt?

Högerklickade jag och valde att visa bakgrundsbild, fick jag veta att bakgrundsbilden, http://www.bsthlm.se/mighty/blue.gif, inte kunde visas för att den innehöll fel.

UlfTMedlem sedan maj 20018 027 inlägg

2 mars 2006 21:13#13

Nu vet jag vad som var fel på bilden. Jag kollade lite på den med en hexeditor. Det var ju inte alls en gif, utan ett photoshop-dokument. Efter att ha ändrat suffixet till psd, kunde jag öppna den i photoshop och spara om den som gif. Jag bifogar resultatet:

cazeMedlem sedan sep. 20016 059 inlägg

3 mars 2006 22:59#14

Så ja! Ni har så rätt, tack för hjälpen... :)