Avatar billede Klaus_S Praktikant
21. juli 2010 - 12:47 Der er 10 kommentarer og
1 løsning

Forskel i visning af html på lokal iis og surftown

Når jeg laver et design i VS2008 er visning i design og på min egen IIS ens men den øverste DIV er rykket længere ned når siden vises på surftown's server. Har lavet et lille eksempel med 2 Div

<%@ Page Language="C#" %>

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

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
      <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
.Headline
{
    position: relative;
    width: 780px;
    height: 60px;
    left: 10px;
}
.Label
{
    position: relative;
    width: 780px;
    height: 40px;
    left: 0px;
    top: -55px;
    vertical-align: middle;
    text-align: center;
}
    </style>
</head>

<body>
    <form id="form1" runat="server">
  <div class="Headline">
    <img alt="" height="100%" src="Image/HeadLine_Background.gif" width="100%" />
    <div class="Label"><h1>Overskrift</h1> 
    </div>
    </div>
    </form>
</body>
</html>

I VS2008 og på localhost IIS ligger overskriften i center af Div men på surftown ligger overskriften i bunden og min headline skal så flyttes 15 px op for at ligge i center. Er der nogen der ved hvorfor?? min IIS kører på vista og er ver. 6 sp2

Hilsen Klaus
Avatar billede keysersoze Guru
21. juli 2010 - 13:00 #1
HTML og CSS er alene afhængig af klienten - ikke af udbyder, server og lignende. Det lyder derfor mere som en fejl i referencer eller publisheringen - er du fx sikker på at henvisningen til StyleSheet.css er korrekt?

Prøv evt at komme med et link.
Avatar billede Klaus_S Praktikant
21. juli 2010 - 13:26 #2
ja det er jeg for som det fremgår af koden har jeg lagt de 2 styles med i koden.

Her er link til eksemplet. I design i VS2008 er overskriften i center.
http://ks.uniformdating.dk/test2.aspx
Avatar billede Klaus_S Praktikant
21. juli 2010 - 13:42 #3
Har lagt screenump af minlokal visning på linket hvor man kan se at luften mellem top i den første div er forskellig....ca 15 px
Avatar billede kinderaeg Nybegynder
21. juli 2010 - 15:13 #4
Lugter af at den ene køres i kompatabilitets-mode
Avatar billede Klaus_S Praktikant
21. juli 2010 - 15:24 #5
kompatabilitets-mode ?? serveren eller hva
Avatar billede kinderaeg Nybegynder
21. juli 2010 - 15:36 #6
I din browser. Det ligner en IE8, hvor du kan få den til at opføre sig som IE7, og så fortolker den siden anderledes. Jeg vil umiddelbart tro det er derfor. For enden af din adresselinie i browseren, er der et ikon der ligner en side der er revet over i to, hvis du klikker på den skifter du imellem IE7- og IE8-visning.
Avatar billede keysersoze Guru
21. juli 2010 - 17:48 #7
Helt som kinderaeg er inde på skyldes det om IE kører i standard IE8- eller kompatibilitetsvisning (altså en slags IE7) - du vil også opleve forkert visning fx Firefox.

Der er måske en årsag til det, men umiddelbart er koden omkring dit Headline-element lidt underligt struktureret - et hurtigt fix til det vil være at sætte position: absolute; og top: -10px; på din Label-klasse.
Avatar billede Klaus_S Praktikant
21. juli 2010 - 18:13 #8
har prøvet liddt frem og det er når at kompatibilitetsvisning er aktiveret at den viser design som i VS2008 men ville jo gerne VS2008 til at vise det design som den viser i IE8.

Skal jeg så udelukkende bruge absolut position til min div for at komme udenom det?
Avatar billede keysersoze Guru
21. juli 2010 - 18:23 #9
som din kode er nu - mere optimalt ville jeg lægge billedet ind som baggrundsbillede i Headline, fjerne Label-div'en og så styre placeringen af overskriften gennem Headline, fx i form af padding.
Avatar billede Klaus_S Praktikant
21. juli 2010 - 18:58 #10
ok. Har droppet relativ og bruger absolute så får jeg samme design i VS2008 som IRL.

tak for hjælpen smid P-svar
Avatar billede keysersoze Guru
21. juli 2010 - 20:18 #11
svar :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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