webForumDet fria alternativet

Ändrad position på sidan

HTML & CSS

12 svar · 1 303 visningar · startad av Kalle M

Medlem sedan mars 20041 936 inlägg
Frågan#1

Har gjort en webbplats som var ett tagsedan jag var inne och greja med. När jag nu var inne och förhandsgranska platsen så ser jag att positionen hoppar vilket är riktigt störigt. När jag är inne på defaultsidan och sedan klickar på länken "Utbildningar" så hoppar sidan eller byter position .När jag klickar på "Hem" så hoppar den tillbaka. Vet ej vilken position jag hade från början.(Om det är den på "Hem" som gäller eller om det är "Utbildning"). Positionen som är på "Utbildning" verkar gälla de flesta sidorna iallafall.
Senast jag var inne och greja så hoppa inte sidan men helt plötsligt nu. Vet ej om jag hade positionen som är vid "Hem" eller om det är positionen vid utbildningar som gäller.

Hur fixar jag detta?

Se följande

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>mallsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/magwill3.gif" alt="MAGWILL">
<hr>
<div id="kontakt"><strong>MAGWILL</strong><br>
  kjlkj<a href="kontakt.htm"><br>
  Info@magwill.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultj&auml;nster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87">&nbsp;</td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>Utbildning f&ouml;r Projektledare</h4>
      <p>Arbetar du som projektledare och beh&ouml;ver skapa &ouml;vergripande tidplaner f&ouml;r dig och dina medarbetare? D&aring; kan <a href="projectgr.html">Project</a> vara en utbildning f&ouml;r dig.</p>
      <h3>sdfgsdfg <br>
        <br>
  </h3>
<p><img src="dator.jpg" width="157" height="236"></p>
<h4>Excel f&ouml;r ekonomer</h4>
<p>Arbetar du med ekonomi och beh&ouml;ver bli effektiv i ditt ekonomiarbete? Kolla in <a href="excelek.html">Excel f&ouml;r ekonomer</a></p></td>
    <td width="374" valign="top"0><h4>MAGWILL
    </h4>
      <p>&Auml;r ett av Sveriges ledande utbildningsf&ouml;retag f&ouml;r datoranv&auml;ndare. Vi erbjuder utbildningar av h&ouml;gsta kvalitet. V&aring;rt fokus &auml;r att ge kunderna marknadens b&auml;sta 
        utbildningsresultat. Bland v&aring;ra kunder finns flera av Sveriges st&ouml;rsta 
        f&ouml;retag. Vi erbjuder b&aring;de schemalagda och f&ouml;retagsanpassade utbildningar. Utbildningarna genomf&ouml;rs p&aring; ert f&ouml;retag, eller i 
        v&aring;ra&nbsp;kurslokaler. Vi genomf&ouml;r uppdrag &ouml;ver hela landet och vill vara det sj&auml;lvklara valet av utbildningspartner.</p>
      <h4>L&auml;r f&ouml;r framtiden</h4>
      <p>Idag st&auml;lls allt h&ouml;gre krav kring  kompetens inom dataomr&aring;det  och utbildning blir allt viktigare. L&auml;gg manualerna &aring;t sidan och f&aring; l&auml;rarledd utbildning med v&aring;ra trevliga och kompetenta utbildare p&aring; MAGWILL. Genom att utbilda dig p&aring; MAGWILL spar du tiden du l&auml;gger p&aring; att k&auml;mpa dig fram i dom olika programmen. Vi finner inte ord hur tillfredst&auml;llande det &auml;r att se alla glada ansikten n&auml;r v&aring;ra kunder tar till sig ny kunskap som dom har nytta av i sitt arbete. Det handlar om att du ska k&auml;nna gl&auml;djen av att bli effektivare p&aring; din arbetsplats och det blir du efter genomf&ouml;rd utbildning hos oss p&aring; MAGWILL. Utbildningen &auml;r en investering f&ouml;r framtiden.</p>
      <h4>V&auml;lj utbildning:</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access forts&auml;ttning</a><br>
        <a href="Excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
        Excel forts&auml;ttning</a><br>
        <a href="excelek.html">Excel f&ouml;r ekonomer</a><br>
        <a href="Illustrgrund.html">Illustrator grund</a><br>
        <a href="indesigngr.html">Indesign grund</a><br>
        <a href="indesignfk.html">Indesign forts&auml;ttning</a><br>
        <a href="PSgr.html">Photoshop grund</a><br>
        <a href="psfk.html">Photoshop forts&auml;ttning</a><br>
        <a href="projectgr.html">Project grund</a><br>
        <a href="projectfk.html">Project forts&auml;ttning</a><br>
        <a href="powpoint.html">PowerPoint</a><br>
        <a href="wordgr.html">Word grund</a><br>
        <a href="wordfk.html">Word forts&auml;ttning</a></p></td>
    <td width="158" valign="top"><h4><img src="lila.jpg" width="157" height="236"><br>
      <br>
    </h4>
      <h4>Sk&auml;ddarsydd utbildning</h4>
      <p>Vi kan skr&auml;ddarsy en utbildning f&ouml;r dig och ditt f&ouml;retag. <a href="mailto:Info@magwill.se">Kontakta oss</a> f&ouml;r mer information.</p>
      <h4>IT-Coachen</h4>
      <p>F&ouml;r dig med ledande befattning erbjuder vi individuell utbildning. Vi g&ouml;r en analys av ditt individuella behov och utbildningen genomf&ouml;rs p&aring; tider som passar dig. </p>
      <h3>sdfdfgsdfg <br>
      </h3></td>
  </tr>
</table>
<div id="foot">MAGWILL L&auml;r f&ouml;r framtiden, <a href="mailto:Info@magwill.se">Info@magwill.se</a>, </div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>mallsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/magwill3.gif" alt="MAGWILL">
<hr>
<div id="kontakt"><strong>MAGWILL</strong><br>
  asdfsd<a href="kontakt.htm"><br>
  Info@magwill.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultj&auml;nster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87">&nbsp;</td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>V&auml;lj utbildning</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access forts&auml;ttning</a><br>
        <a href="Excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
Excel forts&auml;ttning</a><br>
<a href="excelek.html">Excel f&ouml;r ekonomer</a><br>
<a href="Illustrgrund.html">Illustrator grund</a><br>
<a href="indesigngr.html">Indesign grund</a><br>
<a href="indesignfk.html">Indesign forts&auml;ttning</a><br>
<a href="PSgr.html">Photoshop grund</a><br>
<a href="psfk.html">Photoshop forts&auml;ttning</a><br>
<a href="projectgr.html">Project grund</a><br>
<a href="projectfk.html">Project forts&auml;ttning</a><br>
<a href="powpoint.html">PowerPoint</a><br>
<a href="wordgr.html">Word grund</a><br>
<a href="wordfk.html">Word forts&auml;ttning</a><br>
      </p>
      <h3>Har du fr&aring;gor?<br>
        Tel:
        0703201742</h3>
      <p>&nbsp;</p></td>
    <td width="374" valign="top"0><h4>Utbildningar</h4>
      <p>Vi genomf&ouml;r b&aring;de schemalagda  och f&ouml;retagsanpassade utbildningar. Vi anpassar alltid utbildningen efter kunskapsniv&aring; och  utbildningen genomf&ouml;rs med gemensam genomg&aring;ng som varvas med praktisk &ouml;vning. &Ouml;vningarna &auml;r v&auml;l pedagogiskt genomt&auml;nkta och &auml;r ofta tagna ifr&aring;n verkliga fall ute i n&auml;ringslivet. Det &auml;r vid &ouml;vningstillf&auml;llena du verkligen l&auml;r dig.<br>
      </p>
      <p>        Vi kan g&aring; igenom ert utbildningsbehov inom f&ouml;retagets olika avdelningar. 
        Detta f&ouml;r att uppr&auml;tta en kravniv&aring; inom respektive del av f&ouml;retaget.
        Steg 2 blir att genomf&ouml;ra  utbildningar, inkluderande 
        f&ouml;retagsanpassade och &ouml;vningsuppgifter enligt behovsanalysen. Resultatet av v&aring;r insats blir att ni ocks&aring; f&aring;r ett verktyg att testa och utbilda nyanst&auml;llda s&aring; att dessa lever upp till den kunskapsniv&aring; 
        som st&auml;lls inom f&ouml;retaget.</p>
<p>Alla utbildningar kan anpassas efter &ouml;nskem&aring;l. </p></td>
    <td width="158" valign="top"><h4>IT-Coachen</h4>
      <p>F&ouml;r dig med ledande befattning erbjuder vi individuell utbildning. Vi g&ouml;r en analys av ditt individuella behov och utbildningen genomf&ouml;rs p&aring; tider som passar dig.</p>
      <h4>Skr&auml;ddarsydd utbildning</h4>
      <p>Vi kan  skr&auml;ddarsy en utbildning f&ouml;r dig och ditt  f&ouml;retag och utbildningen kan sedan  genomf&ouml;ras ute p&aring; Ert f&ouml;retag.</p>
<p>&nbsp;</p>
<h4>&nbsp;</h4>
<p>&nbsp;</p></td>
  </tr>
</table>
<div id="foot">MAGWILL L&auml;r f&ouml;r framtiden, <a href="mailto:Info@magwill.se">Info@magwill.se</a>,asdfasdf</div>
</div>
</body>
</html>

CSS:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>mallsida</title>
<link href="css1.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/magwill3.gif" alt="MAGWILL">
<hr>
<div id="kontakt"><strong>MAGWILL</strong><br>
  asdfsd<a href="kontakt.htm"><br>
  Info@magwill.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultj&auml;nster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87">&nbsp;</td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>V&auml;lj utbildning</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access forts&auml;ttning</a><br>
        <a href="Excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
Excel forts&auml;ttning</a><br>
<a href="excelek.html">Excel f&ouml;r ekonomer</a><br>
<a href="Illustrgrund.html">Illustrator grund</a><br>
<a href="indesigngr.html">Indesign grund</a><br>
<a href="indesignfk.html">Indesign forts&auml;ttning</a><br>
<a href="PSgr.html">Photoshop grund</a><br>
<a href="psfk.html">Photoshop forts&auml;ttning</a><br>
<a href="projectgr.html">Project grund</a><br>
<a href="projectfk.html">Project forts&auml;ttning</a><br>
<a href="powpoint.html">PowerPoint</a><br>
<a href="wordgr.html">Word grund</a><br>
<a href="wordfk.html">Word forts&auml;ttning</a><br>
      </p>
      <h3>Har du fr&aring;gor?<br>
        Tel:
        0703201742</h3>
      <p>&nbsp;</p></td>
    <td width="374" valign="top"0><h4>Utbildningar</h4>
      <p>Vi genomf&ouml;r b&aring;de schemalagda  och f&ouml;retagsanpassade utbildningar. Vi anpassar alltid utbildningen efter kunskapsniv&aring; och  utbildningen genomf&ouml;rs med gemensam genomg&aring;ng som varvas med praktisk &ouml;vning. &Ouml;vningarna &auml;r v&auml;l pedagogiskt genomt&auml;nkta och &auml;r ofta tagna ifr&aring;n verkliga fall ute i n&auml;ringslivet. Det &auml;r vid &ouml;vningstillf&auml;llena du verkligen l&auml;r dig.<br>
      </p>
      <p>        Vi kan g&aring; igenom ert utbildningsbehov inom f&ouml;retagets olika avdelningar. 
        Detta f&ouml;r att uppr&auml;tta en kravniv&aring; inom respektive del av f&ouml;retaget.
        Steg 2 blir att genomf&ouml;ra  utbildningar, inkluderande 
        f&ouml;retagsanpassade och &ouml;vningsuppgifter enligt behovsanalysen. Resultatet av v&aring;r insats blir att ni ocks&aring; f&aring;r ett verktyg att testa och utbilda nyanst&auml;llda s&aring; att dessa lever upp till den kunskapsniv&aring; 
        som st&auml;lls inom f&ouml;retaget.</p>
<p>Alla utbildningar kan anpassas efter &ouml;nskem&aring;l. </p></td>
    <td width="158" valign="top"><h4>IT-Coachen</h4>
      <p>F&ouml;r dig med ledande befattning erbjuder vi individuell utbildning. Vi g&ouml;r en analys av ditt individuella behov och utbildningen genomf&ouml;rs p&aring; tider som passar dig.</p>
      <h4>Skr&auml;ddarsydd utbildning</h4>
      <p>Vi kan  skr&auml;ddarsy en utbildning f&ouml;r dig och ditt  f&ouml;retag och utbildningen kan sedan  genomf&ouml;ras ute p&aring; Ert f&ouml;retag.</p>
<p>&nbsp;</p>
<h4>&nbsp;</h4>
<p>&nbsp;</p></td>
  </tr>
</table>
<div id="foot">MAGWILL L&auml;r f&ouml;r framtiden, <a href="mailto:Info@magwill.se">Info@magwill.se</a>,asdfasdf</div>
</div>
</body>
</html>

Tacksam för hjälp för detta är riktigt störigt för senast jag kollade igenom så hoppade det inte. Fattar inte vad som hänt.

Medlem sedan aug. 20068 090 inlägg
#2

Länk?

Medlem sedan mars 2007845 inlägg
#3

Kan det vara så att en del sidor är högre än webbläsarens fönster så dom får en scroll-bar på sidan?

Medlem sedan mars 20041 936 inlägg
#4

Jo scrollen är på högersidan på defaultsidan. När jag klickar på dom andra länkarna är det inge scroll och sidan förflyttar sig. Hur kommer jag runt det där? Ska jag helt enkelt göra alla sidorna lika långa eller vad?

Medlem sedan aug. 20068 090 inlägg
#5

Kalle M skrev:

Jo scrollen är på högersidan på defaultsidan. När jag klickar på dom andra länkarna är det inge scroll och sidan förflyttar sig. Hur kommer jag runt det där? Ska jag helt enkelt göra alla sidorna lika långa eller vad?

1. Skit i det. Ingen annan bryr sig.
2. Eller lägg det här:

html, body {
height:101%;
}
Medlem sedan mars 20041 936 inlägg
#6

Danne V skrev:

1. Skit i det. Ingen annan bryr sig.
2. Eller lägg det här:

html, body {
height:101%;
}

Men är det e det inte lite konstigt att sidan förflyttar sig (Att det känns iallafall så) för att en scroll dyker upp på högersidan?
Är kass på CSS. Hur ser min CSS ut när du lagt in koden?

Medlem sedan aug. 20068 090 inlägg
#7

Kalle M skrev:

Men är det e det inte lite konstigt att sidan förflyttar sig (Att det känns iallafall så) för att en scroll dyker upp på högersidan?
Är kass på CSS. Hur ser min CSS ut när du lagt in koden?

Nej, det är inte konstigt, utan självklart. Innehållet måste ju flytta sig för att scrollisten ska få plats.

Hur din stilmall ser ut har jag inte en aning om. Kopiera bara koden och klistra in någonstans (t.ex. allra högst upp eller allra längst ner så att du råkar sabba andra stilar) i css1.css och testa.

Medlem sedan juni 20019 519 inlägg
#8

Danne V skrev:

1. Skit i det. Ingen annan bryr sig.
2. Eller lägg det här:

html, body {
height:101%;
}

då är alternativ ett vettigare än vad alternativ två är. Varför vill jag som besökare kunna scrolla på sidan om det inte finns mer innehåll?

då är

html { overflow-y: scroll; }

den mest optimala css lösningen för icke IE webbläsare (ie har alltid en skroll), en scroll syns alltid och är disablad om det inte finns någon scrollyta. Lägg bara in koden i din CSS, spelar ingen roll direkt så länge du inte skriver över overflow-y någonstans i din kod.

Medlem sedan juni 20019 519 inlägg
#9

Kalle M skrev:

Men är det e det inte lite konstigt att sidan förflyttar sig (Att det känns iallafall så) för att en scroll dyker upp på högersidan?
Är kass på CSS. Hur ser min CSS ut när du lagt in koden?

Det är inte så konstigt då webbläsaren har en vy yta, när innehållet bli mer i y-led så behöver du en skroll yta, den kan ju inte skapa en skroll utanför fönstret så den måste ta upp ytan där den kan ta upp yta.

Medlem sedan mars 20041 936 inlägg
#10

Blir det bäst se till så scrollen är framme på alla sidor eller att det bäst den kommer fram när man behöver den så som det är?

Medlem sedan mars 20041 936 inlägg
#11

voigtann1 skrev:

då är alternativ ett vettigare än vad alternativ två är. Varför vill jag som besökare kunna scrolla på sidan om det inte finns mer innehåll?

då är

html { overflow-y: scroll; }

den mest optimala css lösningen för icke IE webbläsare (ie har alltid en skroll), en scroll syns alltid och är disablad om det inte finns någon scrollyta. Lägg bara in koden i din CSS, spelar ingen roll direkt så länge du inte skriver över overflow-y någonstans i din kod.

Var väl detta jag var ute efter tror jag

Medlem sedan juni 20019 519 inlägg
#12

Kalle M skrev:

Blir det bäst se till så scrollen är framme på alla sidor eller att det bäst den kommer fram när man behöver den så som det är?

Eftersom du reagera på att sidan hoppar så är det väl bäst att ha den synlig? Mig spelar det ingen roll så länge man kan förklara varför den "hoppar"

Medlem sedan mars 20041 936 inlägg
#13

Jag kör på följande:

html { overflow-y: scroll; }

Tackar så mkt för hjälpen!

273 ms totalt · 3 externa anrop · v20260731065814-full.aa8cfc83
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
147 ms — hämta tråd, inlägg och bilagor (db)