Avatar billede Grillmester Nybegynder
17. februar 2009 - 14:51 Der er 4 kommentarer og
1 løsning

Centerring af webside i browser (publisher)

Jeg har forsøgt at centrere en webside, så den vises midt på skærmen i browseren. Siden er oprettet med publisher 97.

Jeg har forsøgt at anvende koden <center> og </center>, men med disse koder hopper siden mere ud til højre.

kilde ser ud som nedenstående.

Hvad er der galt?

MVH
Grillmester

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="index-filer/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Startside</title>
<style>
<!--
/* Skrifttypedefinitioner */
@font-face
    {font-family:"Trebuchet MS";
    panose-1:2 11 6 3 2 2 2 2 2 4;}
/* Typografidefinitioner */
p.MsoOrganizationName, li.MsoOrganizationName, div.MsoOrganizationName
    {margin-right:0pt;
    text-indent:0pt;
    margin-top:0pt;
    margin-bottom:0pt;
    line-height:113%;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:9.0pt;
    color:#69676D;
    font-weight:bold;}
p.MsoBodyText3, li.MsoBodyText3, div.MsoBodyText3
    {margin-right:0pt;
    text-indent:0pt;
    margin-top:0pt;
    margin-bottom:9.0pt;
    line-height:113%;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:9.0pt;
    color:black;}
p.MsoTitle3, li.MsoTitle3, div.MsoTitle3
    {margin-right:0pt;
    text-indent:0pt;
    margin-top:0pt;
    margin-bottom:0pt;
    line-height:113%;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:18.0pt;
    color:#69676D;
    font-weight:bold;}
ol
    {margin-top:0in;
    margin-bottom:0in;
    margin-left:-2197in;}
ul
    {margin-top:0in;
    margin-bottom:0in;
    margin-left:-2197in;}
@page
    {size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="3075" fill="f" fillcolor="white [7]"
  strokecolor="black [0]">
  <v:fill color="white [7]" color2="white [7]" on="f"/>
  <v:stroke color="black [0]" color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#c9c2d1 [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
  <o:colormenu v:ext="edit" fillcolor="#69676d [1]" strokecolor="black [0]"
  shadowcolor="#c9c2d1 [4]"/>
</o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>

<body link="#B333FF" vlink="#5300A6" style='margin:0'>
<center>

<div style='position:absolute;width:7.-71in;height:5.-1098in'>
<!--[if gte vml 1]><v:rect id="_x0000_s1037" style='position:absolute;left:182pt;
top:-182pt;width:54.39pt;height:418.39pt;rotation:-90;flip:y;z-index:5;
visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
mso-wrap-distance-bottom:2.88pt;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text' fillcolor="#9cb084 [3]" stroked="f"
strokecolor="black [0]" strokeweight=".25pt" o:cliptowrap="t">
<v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
<o:lock v:ext="edit" shapetype="t"/>
<v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:5;
left:0px;top:0px;width:558px;height:73px'><img width=558 height=73
src="index-filer/image321.gif" v:shapes="_x0000_s1037"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1038" alt="" style='position:absolute;left:47.11875mm;top:-163.44369mm;
width:573.75pt;height:1500.36pt;rotation:17691452fd;z-index:6;visibility:visible;
mso-wrap-edited:f;mso-wrap-distance-left:9.36pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9.36pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text'
coordorigin="-32000,-32000" coordsize="64000,64000" o:spt="100" adj="25858,-17922,136"
path="wr-32000,-32000,32000,32000@10@11@13@14,-32000,-32000,32000,32000@18@14@19@20l@0@20@0@24wa-32000,-32000,32000,32000@23@24@22@11xe"
fillcolor="white [7]" stroked="f" o:cliptowrap="t">
<v:stroke joinstyle="miter">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:formulas>
  <v:f eqn="val #0"/>
  <v:f eqn="val #1"/>
  <v:f eqn="val #2"/>
  <v:f eqn="ellipse @0 32000 32000"/>
  <v:f eqn="ellipse @1 32000 32000"/>
  <v:f eqn="ellipse @2 32000 32000"/>
  <v:f eqn="sum 0 0 @3"/>
  <v:f eqn="sum 0 0 @4"/>
  <v:f eqn="sum 0 0 @5"/>
  <v:f eqn="sum 0 @4 @0"/>
  <v:f eqn="if @9 @4 @0"/>
  <v:f eqn="if @9 @1 @6"/>
  <v:f eqn="sum 0 @5 @0"/>
  <v:f eqn="if @12 @5 @0"/>
  <v:f eqn="if @12 @2 @3"/>
  <v:f eqn="sum @11 0 1"/>
  <v:f eqn="sum @14 1 0"/>
  <v:f eqn="sum 0 @14 @3"/>
  <v:f eqn="if @17 @8 @13"/>
  <v:f eqn="if @17 @0 @13"/>
  <v:f eqn="if @17 @3 @16"/>
  <v:f eqn="sum 0 @6 @11"/>
  <v:f eqn="if @21 @7 @10"/>
  <v:f eqn="if @21 @0 @10"/>
  <v:f eqn="if @21 @6 @15"/>
  <v:f eqn="min @10 @13"/>
  <v:f eqn="max @8 @7"/>
  <v:f eqn="max @26 @0"/>
</v:formulas>
<v:path gradientshapeok="t" insetpenok="f" o:connecttype="segments"
  textboxrect="@27,@11,@25,@14"/>
<v:handles>
  <v:h position="#0,#1" xrange="-32000,32000" yrange="-32000,32000"/>
  <v:h position="#0,#2" xrange="-32000,32000" yrange="-32000,32000"/>
</v:handles>
<o:lock v:ext="edit" shapetype="t"/>
<v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:6;
left:0px;top:-1px;width:565px;height:75px'><img width=565 height=75
src="index-filer/image322.gif" v:shapes="_x0000_s1038"></span><![endif]><!--[if gte vml 1]><v:shapetype
id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1048" type="#_x0000_t202" alt="" style='position:absolute;
left:151.12pt;top:22.37pt;width:298.88pt;height:16.25pt;z-index:7;
visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
mso-wrap-distance-bottom:2.88pt;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text' filled="f" fillcolor="black [0]"
stroked="f" strokecolor="black [0]" strokeweight="0" o:cliptowrap="t">
<v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
<o:lock v:ext="edit" shapetype="t"/>
<v:textbox style='mso-column-margin:5.7pt' inset="2.85pt,2.85pt,2.85pt,2.85pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:7;
left:202px;top:30px;width:399px;height:22px'>

<table cellpadding=0 cellspacing=0>
<tr>
  <td width=399 height=22 valign=bottom style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1048" style='padding:2.85pt 2.85pt 2.85pt 2.85pt'
  class=shape>
  <p class=MsoOrganizationName><span lang=da style='font-size:8.5pt;line-height:
  113%;font-family:"Trebuchet MS";language:da'>Miteq ApS.</span></p>
  </div>
  <![if !vml]></td>
</tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1061" type="#_x0000_t202"
alt="" style='position:absolute;left:151.47pt;top:60.75pt;width:417.03pt;
height:66.43pt;z-index:8;visibility:visible;mso-wrap-edited:f;
mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' filled="f"
fillcolor="black [0]" stroked="f" strokecolor="#ceb966 [2]" strokeweight="0"
o:cliptowrap="t">
<v:stroke dashstyle="dash">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
<o:lock v:ext="edit" shapetype="t"/>
<v:textbox style='mso-column-margin:5.7pt' inset="2.85pt,2.85pt,2.85pt,2.85pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:8;
left:202px;top:81px;width:557px;height:89px'>

<table cellpadding=0 cellspacing=0>
<tr>
  <td width=557 height=89 valign=bottom style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1061" style='padding:36.9pt 2.85pt 2.85pt 2.85pt'
  class=shape>
  <p class=MsoTitle3><span lang=da style='language:da'>Dette domaine ejes af Miteq ApS.</span></p>
  </div>
  <![if !vml]></td>
</tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1062" type="#_x0000_t202"
style='position:absolute;left:151.56pt;top:127.18pt;width:276.69pt;height:278.66pt;
z-index:9;visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
mso-wrap-distance-bottom:2.88pt;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text' filled="f" fillcolor="black [0]"
stroked="f" strokecolor="#ceb966 [2]" strokeweight="0" o:cliptowrap="t">
<v:fill color2="white [7]"/>
<v:stroke dashstyle="dash">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
<o:lock v:ext="edit" shapetype="t"/>
<v:textbox style='mso-column-margin:5.7pt' inset="2.85pt,2.85pt,2.85pt,2.85pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:9;
left:202px;top:170px;width:369px;height:372px'>

<table cellpadding=0 cellspacing=0>
<tr>
  <td width=369 height=372 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1062" style='padding:2.85pt 2.85pt 2.85pt 2.85pt'
  class=shape>
  <p class=MsoBodyText3><span lang=da style='language:da'>Miteq ApS. Ejer og handler med kapitalandele </span></p>
  </div>
  <![if !vml]></td>
</tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:line id="_x0000_s1067" style='position:absolute;
z-index:10;visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
mso-wrap-distance-bottom:2.88pt;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text' from="151.12pt,417.46pt" to="569.34pt,417.46pt"
strokecolor="#9cb084 [3]" strokeweight="2.25pt" o:cliptowrap="t">
<v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span style='position:absolute;z-index:10;
left:200px;top:555px;width:561px;height:4px'><img width=561 height=4
src="index-filer/image363.gif" v:shapes="_x0000_s1067"></span><![endif]><!--[if gte vml 1]><v:line
id="_x0000_s1069" style='position:absolute;z-index:11;visibility:visible;
mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="151.56pt,126.87pt"
to="569.95pt,126.87pt" strokecolor="#9cb084 [3]" strokeweight="2.25pt"
o:cliptowrap="t">
<v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#c9c2d1 [4]"/>
<v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span style='position:absolute;z-index:11;
left:200px;top:167px;width:562px;height:4px'><img width=562 height=4
src="index-filer/image365.gif" v:shapes="_x0000_s1069"></span><![endif]>
</div>

</center>
</body>

</html>
Avatar billede keysersoze Guru
17. februar 2009 - 15:16 #1
Ja - hvad er galt... det er lige før det er lettere at nævne hvad der ikke er galt for ovenstående kode minder ufattelig lidt om HTML simpelthen fordi Publisher ikke er beregnet til at lave hjemmesider med.

Det vil desværre ikke give den store mening at begynde at lede efter fejl før der ligger et reelt HTML-dokument med en doctype og valid kode - det kan du teste på http://validator.w3.org/
Avatar billede Grillmester Nybegynder
17. februar 2009 - 15:33 #2
Hej,

Tak for dit svar, der var iflg. testen 109 fejl.

Hvordan kan det i det hele taget lade sig gøre at få noget til at stå på websiden, med sådan en omgang.

Mit behov for avanceret webside er ikke emnet. jeg vil blot have en lille præsentation. Men det er meget fustrerende at siden ikke kan centreres.

Jeg har ikke oprettet alle koderne, det er sket automatisk i publisher, så det er ikke fejl fra min hånd der er årsagen.

Dit svar har ikke bragt mig videre.

MVH
Grillmester
Avatar billede keysersoze Guru
17. februar 2009 - 18:16 #3
nej, jeg er klar over at mine kommentarer ikke løste dit problem - men som jeg forsøgte at sige så er koden på et niveau hvor det højst sandsynligt vil tage mere tid at tilpasse end at lave forfra med rigtig kode og samtidig vil du formentlig stadig have problemer med visningen generelt i andre browsere end IE. <center> er iøvrigt et udgået tag og i stedet skal benyttes CSS - normalt vil en centrering her kunne ske vha margin: auto; på dit første div-tag, men som hele siden er bygget op vil det ikke kunne fungere her.

Jeg må være dig svar skyldig mht at få fixet dit nuværende "kode" - kun et godt råd og det er at få det lavet rigtigt, om det så er i et program til formålet (fx DreamWeaver) eller hos en der kan sit kram kan jeg ikke bestemme, men du når ingen vegne med Publisher og den kode.
Avatar billede Grillmester Nybegynder
17. februar 2009 - 18:55 #4
Tak!

Skod program!!!!!!

Jeg slutter tråden her.

MVH
Grillmester
Avatar billede keysersoze Guru
17. februar 2009 - 20:09 #5
nej - det er ikke et skod-program, det er bare ikke beregnet til webudvikling...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester