16 svar · 395 visningar · startad av magnusfernstrom
Hej!
Jag har ett lite lustigt problem med tabeller på en sida.
http://midgetzinc.net.loopiadns.com/f/forum_start.asp?cat=2
Om ni kollar noga så ser ni att tabellen där namnet står i är ibland en 1px mindre och ibland 1px större.
Om du kollar på källan är det exakt samma tabell.
Jag vet inte hur jag skall förklara, så jag skickar även med en bild.
Ja, ni har koden. Om ni vill ha ASP-källkoden, säg till.
/Magnus
Hej!
Det där låter som ett problem som http://validator.w3.org/ kan fixa. Jag skulle gissa på att sidan fixar sig om du fixar doctype och encoding och eventuella fel som validatorn klagar på.
tex. så här:
<?xml version=\"1.1\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//SV"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Om man nu verkligen ska skicka xhtml1.1 så borde mime-typen vara: application/xml+xhtml. Men med tanke på att IE inte alls förstår den och förmodligen bara skriver ut koden så är det inte ett särskilt bra alternativ. Om man inte låter ett serverspråk skicka olika headers och doctypes till IE och de riktiga webbläsarna.
Sen medför även xml-deklaraionen problem i IE. IE fattar inte den och hamnar i quirksmode vilket ger fortsatta css-problem. Samma lösning som ovan rekommenderas om man verkligen vill använda den.
Den smidigaste lösningen är dock att köra xhtml 1.0 som är mer okej att skicka som text/html. Såhär:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv"> (om du tänker använda svenska på sidan)
<head>
<title>Titeln bör komma direkt efter head-start</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Förresten finns det inte olika varianter av xhtml 1.1 (strict, transitional) utan bara en.
Mer information finns på https://www.w3c.org .
Sånt här gör att man bara vill ge upp!
Ni kanske redan räknat ut det, nej, det fungerar inte.
Kolla på sidan igen, så ser koden ut just nu.
Den källkod jag kan se på sidan... där har du deklarationen av doctype efter html taggen... det är väl lite fel?
/r:
Tittade närmare på koden, du har två html (start) taggar... en innan och en efter doctype deklarationen, vad händer om du tar bort den html taggen som ligger innan doctype?
MVH Patrik
Nepp.
Du har missat en hel del sluttaggar (och start-taggar) i dina tabeller. Försök göra om strukturen för tabellen lite. Det räcker att loopa ut en ny rad istället för att loopa ut en ny tabell. (du slänger ut 2 tabeller för varje rubrik) Det ser visserligen ut som en tabell men...
Nu är det inte lustigt längre. Nu är det bara jävligt jobbigt!!!
Jag KAN inte fixa med TR, för det blir FEL! Jag KAN inte fixa med allt annat skit som man måste ha för att de förbannade tabellerna skall stämma överens med varandra, för det blir FEL!
Något sätt måste det väl finnas!?
Det finns väl fler personer än jag som loopar ut tabeller och INTE får detta felet!?
Varför kan du inte ha TR? Vad är det som blir fel då?
Ungefär allt. Jag har ju kodat så ruskigt dåligt från början, så det blir bara en massa radbrytningar här och där. :(
(Ursäkta språket i förra inlägget, men jag var flyförbannad)
Går det inte att ha en tabell med rubrikerna där varje rad är en ny tabell istället för en massa små tabeller som du har nu?
Hur menar du!? :q Exempel?
Istället för att göra en ny tabell för varje rubrik så lägg till rubrikerna som rader i en stor tabell.
Börja med att loopa ut följande så blir det rätt till slut.
Du får ju styla utseende lite...
<tr>
<td>sdfsdf</td>
<td>Magnus</td>
<td>Inga svar</td>
</tr>
/RED ÄNDRADE
Ursäkta min ovana, men är det inte det jag gör!?
<table border="0" cellpadding="4" cellspacing="0">
<td width="518" height="" valign="middle" align="left" bgcolor="#111111" style="border-bottom: 0px; border-left: 1px solid #444444; border-right: 1px solid #444444; border-top: 0px;">
<table border="1" cellpadding="0" cellspacing="0">
<td width="240" height="" valign="middle" align="left" bgcolor="">
<font color="FFFFFF"><b></b></font> <a href="read.asp?thread_id=32" class="linkForum">d</a>
</td>
<td width="130" height="" valign="middle" align="left" bgcolor="">
<a href="user.asp?user_id=1" class="linkForum">Magnus</a>
</td>
<td width="130" height="" valign="middle" align="left" bgcolor="">
<p class="no">Inga svar</p>
</td>
<td width="10" height="" valign="middle" align="left" bgcolor="">
</td>
</table>
</td>
</table>
Se hela tabellen som en helhet. Det ska alltså bara vara en <table> för hela tabellen...
Testa att göra en mall.
För att riktigt få känsla för det kan du ju prova att göra en mall utan att använda ett enda attribut på tabellen.
<table>
<tr>
<td>
innehåll
</td>
</tr>
o s v
</table>
Då kanske du får en bra känsla för hur webbläsarna tolkar tabellerna logiskt. Sen kan du börja styla.