17 innlegg
• Side 1 av 2 • 1, 2
Webside anderledes på Win enn på Mac
Webside anderledes på Win enn på Mac
av wsimila » fre 23.02.2007 2:03
Jeg har laget en webside for en organisasjon og har testet siden på Safari, Firefox og Opera på Mac OS X og på IE5 på Classic. Da så sidene slik den ser ut på bildet, som den skal se ut.
Da jeg testet det IE6 på Windows 98 og XP var siden dratt mot venstre og den er ikke midt på som den ser ut på Mac. (se bildet)
Er det Windows som gjør at den blir slik eller er det noe annet som gjør at den ser anderledes ut i Windows enn i Mac?
Link til websiden:
Fosdalsgruvas Venner
Da jeg testet det IE6 på Windows 98 og XP var siden dratt mot venstre og den er ikke midt på som den ser ut på Mac. (se bildet)
Er det Windows som gjør at den blir slik eller er det noe annet som gjør at den ser anderledes ut i Windows enn i Mac?
Link til websiden:
Fosdalsgruvas Venner
-
- medlem i 234 måneder
av wsimila » fre 23.02.2007 2:38
Mimseb skrev:har du mulighet til å legge ut et bilde av hvordan det ser ut i windows? når det blir dratt til venstre.
Nei, men jeg kan forklare det. Det feltet som du ser innholdet er, blir dratt helt mot venstre kant av browseren. På siden "Arkiv" satt jeg tables til center da jeg så problemet, da jeg testet det på IE6 var siden fortsatt dratt ut i venstre kant
-
- medlem i 234 måneder
av limbo » fre 23.02.2007 2:45
Se på feilene du får opp når du kjører den igjennom http://validator.w3.org/
Kanskje du finner løsningen.
Kanskje du finner løsningen.
-
Moderator
- medlem i 227 måneder
av martin » fre 23.02.2007 8:56
Hvilke programmer er brukt for å lage nettsiden?
Store deler av koden, både HTML og CSS, kan forenkles drastisk. Men dette ser man som regel ikke om man jobber konsekvent med WYSIWYG.
Jeg kan hjelpe deg å fikse siden, etter jeg er ferdig på jobb.
Store deler av koden, både HTML og CSS, kan forenkles drastisk. Men dette ser man som regel ikke om man jobber konsekvent med WYSIWYG.
Jeg kan hjelpe deg å fikse siden, etter jeg er ferdig på jobb.
-
Administrator
- medlem i 254 måneder
av wsimila » fre 23.02.2007 10:56
martin skrev:Hvilke programmer er brukt for å lage nettsiden?
Jeg kan hjelpe deg å fikse siden, etter jeg er ferdig på jobb.
Les lengre opp på siden om program som er brukt.
CSS filen er en del av årsaken. Tror at det er det at jeg laget menyen i Goldfish som er problemet. Hadde CSS filen blitt skrevet som vanlig tror jeg ikke sidene har sett så forskjellig ut i fra hva slags OS man bruker.
Hjelp mottaes med takk
-
- medlem i 234 måneder
av Jon » fre 23.02.2007 11:23
i cssen:
body {
text-align: center;
}
Dette gjør at IE6 midtstiller siden, men fører også til at all tekst blir midtstilt. Derfor må du sette text-align: left på de andre elementene dine. Har du en container div, så kan du sette den der.
#container {
text-align: left;
}
Og jobber du webdesigner/koder, så er du avhengig av å få vist sider i IE6+ (ie på mac blir ikke lenger brukt omtrent, og den kan man nesten alltid se bort fra. Den er btw. helt forferdelig). IE er den store stygge ulven, en side kan se perfekt ut i de fleste moderne nettlesere (ff, safari, opera m.m), men så kommer IE og ødlegger. Nesten alltid en god del feilsøking når man tilpasser siden til IE. En annen løsning er å ha to forskjellige stylesheets basert på browser, altså et javascript eller noe som sjekker hvilken browser som brukes og serverer det rette stylesheetet.
body {
text-align: center;
}
Dette gjør at IE6 midtstiller siden, men fører også til at all tekst blir midtstilt. Derfor må du sette text-align: left på de andre elementene dine. Har du en container div, så kan du sette den der.
#container {
text-align: left;
}
Og jobber du webdesigner/koder, så er du avhengig av å få vist sider i IE6+ (ie på mac blir ikke lenger brukt omtrent, og den kan man nesten alltid se bort fra. Den er btw. helt forferdelig). IE er den store stygge ulven, en side kan se perfekt ut i de fleste moderne nettlesere (ff, safari, opera m.m), men så kommer IE og ødlegger. Nesten alltid en god del feilsøking når man tilpasser siden til IE. En annen løsning er å ha to forskjellige stylesheets basert på browser, altså et javascript eller noe som sjekker hvilken browser som brukes og serverer det rette stylesheetet.
-
Moderator
- medlem i 248 måneder
av wsimila » fre 23.02.2007 11:38
Jeg har funnet noe på dynamicdrive.com som jeg tror vil fungere med litt omskriving. http://www.dynamicdrive.com/dynamicinde ... hlight.htm
-
- medlem i 234 måneder
av martin » fre 23.02.2007 16:02
Her har du et forslag til en annen måte å gjøre det på:
Koden validerer (uten bildelenkene) og er testet i Firefox (Mac/PC), IE 6, Opera (Mac/PC) og Safari.
Forsyn deg om du vil
- Kode: Merk alt
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css" media="screen">
body {
background: #4D433F;
text-align: center;
font-size: 78%;
line-height: 150%;
}
#container {
text-align: left;
font-family:'Lucida Grande','Lucida Sans',sans-serif;
width: 665px;
overflow: hidden;
margin: 20px auto 5px;
}
#mainbar {
background: #FFF;
border-right: 175px solid #E6E6E6;
margin-right: -175px;
width: 490px;
padding: 15px 0;
float: left;
}
#sidebar {
width: 175px;
float: left;
padding: 0;
background: #E6E6E6;
}
#footer {
width: 665px;
display: block;
clear: both;
text-align: right;
font-size: 0.9em;
margin: 0;
padding: 0;
}
#header {
width: 480px;
margin: 10px 0 0 10px;
}
#header h1 {
font-weight: normal;
padding-top: 30px;
font-size: 1.8em;
margin: 0;
}
.article {
width: 470px;
margin: 10px 10px 20px;
clear: both;
}
.article h2 {
font-size: 1.3em;
margin: 3px 0;
}
.article p {
font-size: 1em;
margin: 0 0 1em;
}
.alignleft {
float: left;
margin: 0 10px 10px 0;
}
h3 {
font-size: 1em;
padding: 5px 0 1px 50px;
margin: 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0;
}
* html li {
height: 1%; /* IE høydekompensasjon */
}
li a {
color: #333;
text-decoration: none;
display: block;
padding: 1px 0 1px 50px;
}
li a:hover {
background: #AFAFAF;
color: #111;
}
</style>
<title>Fosdalsgruvas Venner</title>
</head>
<body>
<div id="container">
<div id="mainbar">
<div id="header">
<img class="alignleft" src="http://www.fosdalsgruva.no/fb.gif" alt="" width="73" height="75" border="0"> <h1>FOSDALSGRUVAS VENNER</h1>
</div><!-- header end -->
<div class="article">
<h2>100-årsjubileum i Malm</h2>
<img class="alignleft" src="http://tsimg.no.publicus.com/apps/pbcsi.dll/bilde?Avis=TS&Dato=20060626&Kategori=NYHETER&Lopenr=106260077&Ref=AR&Border=0&MaxW=468&MaxH=640&Q=100" alt="" height="188" width="145" border="0">
<p><small>Trønder-Avisa 26. juni 2006:</small> Med foreningen Fosdalsgruvas Venner i spissen markerte hele Malmsamfunnet i helga at det er 100 år siden det ble startet gruvedrift i Malm. <a href="#">LES MER</a></p>
</div>
<div class="article">
<h2>Historisk gruvesus</h2>
<img class="alignleft" src="http://tsimg.no.publicus.com/apps/pbcsi.dll/bilde?Avis=TS&Dato=20060502&Kategori=NYHETER&Lopenr=105020065&Ref=AR&Border=0&MaxW=468&MaxH=640&Q=100" alt="" height="114" width="165" border="0">
<p>Trønder-Avisa hadde 02.05.06 en reportasje om 100 års jubileet. <a href="#">LES MER</a></p>
</div>
<br>
</div><!-- mainbar end -->
<div id="sidebar">
<h3>Navigasjon</h3>
<ul>
<li><a href="#">Hjem</a></li>
<li><a href="#">Informasjon</a></li>
<li><a href="#">Salva</a></li>
<li><a href="#">Vedtekter</a></li>
<li><a href="#">Medlemmer</a></li>
<li><a href="#">Styremøter</a></li>
<li><a href="#">Medlemsmøter</a></li>
<li><a href="#">Årsmøter</a></li>
<li><a href="#">Linker</a></li>
<li><a href="#">Arkiv</a></li>
</ul>
</div><!-- sidebar end -->
<div id="footer">
<p>design: <a href="#">willy similä</a> 2007</p>
</div><!-- footer end -->
</div><!-- container end -->
</body>
</html>
Koden validerer (uten bildelenkene) og er testet i Firefox (Mac/PC), IE 6, Opera (Mac/PC) og Safari.
Forsyn deg om du vil
-
Administrator
- medlem i 254 måneder
av wsimila » fre 23.02.2007 17:28
Jeg har kommet opp med denne, som kanskje vil fungere bedre på IE.
Eventuelt plassere det i en iframe slik at det blir lettere å redigere menyen.
Eventuelt plassere det i en iframe slik at det blir lettere å redigere menyen.
- Kode: Merk alt
<html>
<head>
<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 0px #FFFFFF;
}
A.menulink:hover {
border: solid 1px #afafaf;
background-color:#afafaf;
}
</style>
<script>
var ns4class=''
</script>
<meta>
<meta>
<title>Fosdalsgruvas Venner</title>
</head>
<body>
<table>
<tr>
<td></td>
<td><br>
<table>
<tr>
<td>
<div>
<img src="http://www.fosdalsgruva.no/fb.gif" alt="" height="64" width="64" border="0"></div>
</td>
<td><font>FOSDALSGRUVAS VENNER</font></td>
</tr>
<tr>
<td></td>
<td>
<div>
<font>Sist oppdatert: <csobj>fredag 23. februar 2007</csobj></font></div>
</td>
</tr>
</table>
</td>
<td></td>
<td>
<table>
<tr>
<td><b><font> Navigasjon</font></b><b></td>
<tr>
<td><a href="http://www.fosdalsgruva.no" class="menulink"> Hjem</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/info.html" class="menulink"> Informasjon</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/salva.html" class="menulink"> Salva</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/vedtekt.html" class="menulink"> Vedtekter</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/medlemmer.html" class="menulink"> Medlemmer</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/styremoter.html" class="menulink"> Styremøter</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/medlemsmoter.html" class="menulink"> Medlemsmøter</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/aarsmoter.html" class="menulink"> Årssmøter</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/linker.html" class="menulink"> Linker</a></td>
</tr>
<tr>
<td><a href="http://www.fosdalsgruva.no/arkiv.html" class="menulink"> Arkiv</a></td>
</tr>
</table>
<br>
<br>
<br>
</td>
</tr>
<tr>
<td></td>
<td>
<div>
<font>Design: <a href="http://www.simila.se">Willy Similä</a> 2007</font></div>
</td>
</tr>
</table>
<p></p>
</body>
</html>
-
- medlem i 234 måneder
17 innlegg
• Side 1 av 2 • 1, 2
Hvem er i Forumene
Registrerte brukere: Google [Bot]