[Løst]blogg, designen funker fint i firefox, men ikke explorer

Johnry · 10. januar 2010

Hei,

jeg laget en blogg for et par dager siden og gjorde dette med firefox... da jeg i går gikk inn på den med en annen pc som hadde explorer som standardleser fant jeg ut at designen ikke fungerte i det hele tatt.

det er to hovedforskjeller som jeg har funnet til nå:

1) profilbilde og meny osv som i firefox lå på høyre side slik den skulle ble plutselig forskøvet til høyre side under alle blogginnleggene, i tillegg til at den ene "tomme" menyknappen under headeren var forsvunnet. Når jeg fjernet den "tomme" menyknappen kom det på rett plass igjen, men jeg har jo lyst til å ha den der.

2) linjeavstanden og skriftinstillinger ble forskjellig i explorer i forhold til firefox på sidemenyen.

noen kan hjelpe meg med hvordan jeg kan løse dette problemet?

kan forøvrig nevne at jeg har laget designen med html koding og ikke css...

Endret 10. januar 2010 av Johnry

Themecreator · 10. januar 2010

Um.. Noen tagger leses forskjellig av IE og firefox, og de har også noen forskjellige standard marginer og paddinger... Litt vanskelig å forstå problemet ditt... Hadde hjulpet med koden...

Btw. Om du hadde hatt mulighet til det, ville det hjulpet ved å lage siden med css og ikke bare html. Da kunne du f. eks. brukt <!-- IE for å lage et css dokument som bare IE browsere leser...

MikkelRev · 10. januar 2010

Link?

Få siden validert.

Johnry · 11. januar 2010

her er bloggen: johnry.blogg.no

html ser slik ut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

<a <img src=http://i50.tinypic.com/11ugmq9.gif></a

<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

<tag:entrylist limit="30">

<h2>

<a href="${EntryPermaLink}">${EntryTitle}</a>

</h2>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

<li>

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">Én kommentar</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

</ul>

</div>

<div class="content">${EntryBody}</div>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

<li>

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">Én kommentar</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

<li>

<a href="${EntryPermaLink}">Permalenke</a>

</li>

</li>

</ul>

<tag:if test="${EntryHasTags == 'true'}">

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

</div>

</tag:entrylist>

<div>Les mer i arkivet

<tag:archivelist limit="3"> »

<a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

</div>

<tag:profile>

<tag:if test="${ProfileExists == 'true'}">

<div>

</a>

</div>

<h3>

<a href="${ProfileUrl}">${ProfileName}</a>

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<div>

<table border="1" style="width: 150px; height: 520px; background-color: #050529; border: #000000 1px solid"><tbody><tr><td> <P> <h4> Oversikt <h4/> </P><h5>

<BR> <a href="http://johnry.blogg.no/1262684056_aldri_alene.html">Aldri alene</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682481_arven.html">Arven</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683478_av_natur.html">Av natur</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682268_blveis.html">Blåveis</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262681636_ciania.html">Ciania</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683554_den_speilvendte_skygg.html">Den speilvendte skygge</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682605_en_skjebnes_biografi.html">En skjebnes biografi</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683901_et_kronestykke.html">Et kronestykke</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683594_i_relasjon.html">I relasjon</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683761_innpust.html">Innpust</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262680875_kameratskap.html">Kameratskap</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683828_kjpt_identitet.html">Kjøpt identitet</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682233_klisje.html">Klisje</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262680817_koronararterienes_ekk.html">Koronararterienes ekko</a> </BR> <BR>

<a href="http://johnry.blogg.no/1262681050_livets_spinneri.html">Livets spinneri</a> </BR>

<BR><a href="http://johnry.blogg.no/1262680617_min_poesi.html">Min poesi</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683680_oss_syndere_imellom.html">Oss syndere imellom</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682558_pappas_lille_prins.html">Pappas lille prins</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683990_salte_drper.html">Salte dråper</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262681716_sammen_alene.html">Sammen alene</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683861_sekunder.html">Sekunder</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262681776_sjelefred.html">Sjelefred</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262682166_sjelefrende.html">Sjelefrende</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683937_storm.html">Storm</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683724_trinity.html">Trinity</a> </BR>

<BR> <a href="http://johnry.blogg.no/1262683635_trer_i_havet.html">Tårer i havet</a> </BR>

</td></tr></tbody></table><br /><h5/>

<br>

<br/>

<br>

<br/>

</div>

<div>

<h5>Siste kommentarer</h5>

<ul>

<tag:commentlist global="true" limit="10" sort="desc">

<li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>

</tag:commentlist>

</ul>

</div>

<tag:if test="${HasLinks == 'true'}">

<div>

<h3>Lenker</h3>

<ul>

<tag:linklist>

<li>

<a href="${LinkURL}">${LinkName}</a>

</li>

</tag:linklist>

</ul>

</div>

</tag:if>

<tag:if test="${HasProducts == 'true'}">

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

<li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

<tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

<tag:if test="${ProfileExists == 'true'}">skrives av ©

<a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

<a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:[email protected]">[email protected]</a>.</tag:profile>

</div>

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

<a href="${ArchiveLink}">${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>

<li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

<li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

<li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>

<li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</body>

</html>

CSS (den har jeg ikke redigert):

.entry {

background-color: #001C58;

background-image: url('http://johnry.blogg.no/images/css/67bd8ecb631420e74eadba6cbe943123.jpg');

background-repeat: repeat;

border-style: groove;

border-width: 5px;

border-color: #030314;

padding: 10px

}

#doc2 {

border-style: groove;

border-width: 5px;

border-color: #000000;

}

body {

background-color: #050505;

font-family: Arial, Helvetica, sans-serif;

color: #9EA1B9;

}

#header {

background-color: #8811F5;

background-image: url('http://johnry.blogg.no/images/css/c1ad7f6118e755af4fb5be10e65ff430.jpg');

height: 189px;

background-repeat: repeat;

}

#wrapper {

background-color: #060033;

}

#footer {

background-color: #060033;

}

a { color: #9EA1B9}

a:link { color: #9EA1B9}

a:visited { color: #9EA1B9}

a:active { color: #9EA1B9}

h1, h2, h3, h4, h5 { font-family: Tahoma, Geneva, sans-serif; }

#header h1, #header p { display:none }

#header { color: #FFECEC; }

h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFECEC; }

MikkelRev · 11. januar 2010

Du hadde ikke trengt å paste hele koden når du linket til siden.

Uansett, validatoren ga 966 Errors, 5 warning(s). Fiks opp i dette først.

Johnry · 11. januar 2010

Du hadde ikke trengt å paste hele koden når du linket til siden.

Uansett, validatoren ga 966 Errors, 5 warning(s). Fiks opp i dette først.

hmmm ok... takk oisann... var masse feil der ja. har aldri vært borti html koder og sånn før jeg laget denne bloggen. skal gå gjennom dem å rette opp

masb · 11. januar 2010

passelig uoversiktelig kode

Themecreator · 11. januar 2010

agreed.. Men er jo ferdigløsning laget av en eller annen blogg.no software.. Kan vel ikke forvente noe annet? (antar at det var en ferdigløsning, siden starteren av tråden ikke hadde vært borti html koden før nå)

Mine problemer i forhold til cross-browsing ligger som oftes i css'n... Burde sjekke der og...

Johnry · 12. januar 2010

ser ut som om jeg har funnet en løsning i forhold til det første problemet mitt ihvertfall... ikke en fullstendig løsning, men en løsning jeg kan leve med.

dersom jeg legger til en link på den "tomme" menyknappen gjør det at ikke alt blir ødelagt i explorer og det ser ut omtrent som tiltenkt. så kommer nok til å lage en ekstra link på denne knappen.

når det gjelder forskjellen på skrift og sånn i sidemenyen så er det vell i css det kan løses tenker jeg... holder på å lese litt mer om det nå. css vs html.

angående alle feilene som kom opp på validatoren så forstod jeg ikke så mye når jeg prøvde å kikke nærmere på det... men så lenge det ser riktig ut i designen så går det nok bra for mitt bruk.

vil forøvrig takke for hjelpen.

MikkelRev · 12. januar 2010

Vil sterkt anbefale deg å titte mer på feilene dine. 1000 feil er altfor mye. Les feilmeldingene, bruk google eller spør her hvis du ikke skjønner.

Johnry · 14. januar 2010

Vil sterkt anbefale deg å titte mer på feilene dine. 1000 feil er altfor mye. Les feilmeldingene, bruk google eller spør her hvis du ikke skjønner.

jeg har gått gjennom feilene som kom opp i validatoren og det hjalpt meg blant annet til å rette opp feilen om at det var dobbel linjeavstand mellom linjene i sidemenyen.

ca 90 % av feilene som kommer opp på validatoren viser seg å være at i selve blogginnleggene (som ikke er skrevet i html) er sentrert og det blir vist i html som CENTER i stedet for center som er korrekt slik jeg forstår det. likevell vises det riktig så derfor tenker jeg at det er greit at det forblir sånn fremfor å redigere alle innleggene i html og sentrere teksten manuellt.

noen andre feil som har fremkommet på validatoren er fra koder som jeg har funnet i andre blogginnlegg og forumet på blogg.no, men selv om de kommer opp som feil fungerer de som de skal.

Logg inn

[Løst]blogg, designen funker fint i firefox, men ikke explorer

Anbefalte innlegg

Johnry

Lenke til kommentar

Videoannonse

Themecreator

Lenke til kommentar

MikkelRev

Lenke til kommentar

Johnry

Lenke til kommentar

MikkelRev

Lenke til kommentar

Johnry

Lenke til kommentar

masb

Lenke til kommentar

Themecreator

Lenke til kommentar

Johnry

Lenke til kommentar

MikkelRev

Lenke til kommentar

Johnry

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Elbil-tråden 1 2 3 4 1018

Hvem er aktive 0 medlemmer