Gå til innhold

Problem med visning av tabell i IE og FF + auto tilpassing til skjermer


Anbefalte innlegg

Hei, i IT 1 har vi hatt prosjekt der vi laget en webside med HTML. Her er filene:http://www.home.no/dhat/Sider/ På mine Pc'er og min samarbeidspartners pcer fungerer den fint i Google Chrome og Opera, men i f.eks IE og Firefox har vi problem med at menyelementene beveger seg fram og tilbake i forhold til hverandre noe som trakk ned på karakteren. Vi har nå startet opp ett nytt prosjekt, denne gangen med databaser, og vi ønsker å gjøre nettsiden mer kompatibel.

 

Vi brukte Template hvor vi innstilte tabellen hvor vi plaserte menyen til Vertical:top.

 

Template:

Index.dwt

Du har ikke tillatelse til å laste opp denne filtypen

 

Hmm.. Neivel, her:

<!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" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>Template</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

<style type="text/css">

<!--

body {

background-color: #000099;

}

-->

</style>

<link href="../Stilark.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

<div class="wrapper">

<table width="1280" height="566" border="0">

<tr>

<td colspan="3" align="left" valign="top"><img src="../Bilder Og animasjoner/logobildet.jpg" alt="Logo" width="1280" height="246" /></td>

</tr>

<tr>

<td width="209" align="left" valign="top"><a href="../Sider/Index.html"><img src="../Knapp/hovedside.jpg" alt="Hovedside" width="200" height="50" /></a></td>

<td width="809" rowspan="5" align="left" valign="top"><!-- TemplateBeginEditable name="Innhold" -->

<p> </p>

<p> </p>

<!-- TemplateEndEditable --></td>

<td width="254" rowspan="5" align="left" valign="top"><!-- TemplateBeginEditable name="EditRegion4" --><!-- TemplateEndEditable --></td>

</tr>

<tr valign="top">

<td align="left" valign="top"><a href="../Sider/Om oss.html"><img src="../Knapp/om oss knapp.jpg" alt="Om oss" width="200" height="46" /></a></td>

</tr>

<tr valign="top">

<td align="left" valign="top"><a href="../Sider/Historie.html"><img src="../Knapp/historie knapp.jpg" alt="Historie" width="200" height="46" /></a></td>

</tr>

<tr valign="top">

<td align="left" valign="top"><a href="../Sider/Statistikk.html"><img src="../Knapp/statistikk knapp (den bra).jpg" alt="Statistikk" width="200" height="50" /></a></td>

</tr>

<tr valign="top">

<td height="21" align="left" valign="top"><a href="../Sider/De tre store.html"><img src="../Knapp/de tre store knapp.jpg" alt="De tre store" width="200" height="50" /></a></td>

</tr>

<tr>

<td height="21" align="left" valign="top"> </td>

<td align="left" valign="top"><input name="Submit" type=submit class="Tilbakersknapp" id="Tilbakersknapp" style="Tilbakersknapp" title="Tilbakersknapp" onclick="history.back()" value="Tilbake" />

<input type=button value="Frem" onclick="history.forward()" /></td>

<td align="left" valign="top"> </td>

</tr>

<tr></tr>

<tr></tr>

</table>

</div>

</body>

 

 

 

</html>

 

 

Vi har også ett annet problem, siden vises ikke korrekt på alles skjermer. Den er riktig på pcene jeg har tillgang til å prøve den på, men ikke på lærerpc'en hvor vi framfører. VI har testet ut å legge inn diverse funksjoner, stille på forskjellige innstillinger for wrapper f.eks. , for å få siden til å passe til skjermen, men det fungerer ikke alltid likevel og vi har egentlig ikke peiling på hva vi driver med angående stilark...

Stilark:

 

Stilark.css

Om noen kunne hjelpe oss med dette ville vi vært veldig takknemlig

Lenke til kommentar
Videoannonse
Annonse

Det som er morsomt (og utfordrende, komplisert, demotiverende, irriterende...) med CSS er at nesten alle nettlesere tolker CSS ulikt. Noen ganger får små justeringer store konsekvenser, så jeg vil anbefale å installere de vanligste nettleserne (F.eks. Chrome, FF, Opera, Safari, IE og IETester), og så teste siden regelmessig i alle sammen ;)

 

Du/dere bør også tenke på at table-elementene er laget for oversiktstabeller med data, ikke for layout. Det vil bli større grad av surr med elementer ("tagsoup"), og du vil miste en del stilmuligheter. Kan virke enkelt og greit i starten å bruke tables, men etter hvert vil du se at du kommer lengre med div+CSS.

 

Du skal heller ikke se bort ifra at de utfordringene dere har med menyen nå er forårsaket av kluss i sortering av tr- og td-tags.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...