asp.net - asp.net. Side bliver vist anderledes Mac vs Pc - Udvikleren.dk

Tags: asp.net

Bruger #16700 @ 28.10.11 08:51

Hej alle udviklere.

På min asp.net side lavet i Visual Studio 2010, og testet i IE, Safari og Firefox. Bliver siden vist ens (PC). Men på min Mac Safari & Firefox bliver min side vist en anelse anderledes, da tingene bliver en anelse forskudt. Og jeg prøver at forstå hvad forskellen mellem browseren på Mac Vs PC som er ens, men under hvert deres OS viser siden forskelligt. Hvordan tackler man sådan et problem?

Hvis i har brug for mere specifik info, så sig endelig til.

Tak på forhånd.

9 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #9938 @ 28.10.11 10:13

Om siden er lavet i PHP eller ASP.NET, om du har brugt VS eller notepad gør ingen forskel - det afgørende er de klient-afhængige teknologier, fx HTML og CSS. De største fejltagelser folk begår er at undlade DOCTYPE eller lave indvalid kode (se DOCTYPE og valid kode) - de sidste smådetaljer i forskellen mellem browserne kommer med erfaringen. Da du selvfølgelig har styr på både DOCTYPE og den valide kode tror jeg vi får lettest ved at komme med bud hvis du sender et link.

Bruger #14816 @ 28.10.11 10:27

451

Vejen frem er firebug, det er virkelig ligetil at finde fejlen når man kan ændre på værdier direkte.

Bruger #16700 @ 28.10.11 10:38

-7

Tak for svaret Kim.

Har kikket på doc type, men hvordan forklare dette at siden vises ens i Windows i IE, Firefox og Safari.
Men på Mac Os X i samme browsere (ikke IE) bliver siden vist anderledes?

Burde den så ikke også vises anderledes på Windows i de forskellige browsere?

Vh

Bruger #5789 @ 28.10.11 12:29

640

Hvordan ser din CSS ud ?

width: 100pt; er nødvendigvis ikke ens fra pc til pc.

Bruger #16700 @ 28.10.11 12:41

-7

Jeg har ingen CSS kode. Men her er min default.aspx

HTML kode

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="IpListTwo.WebForm1" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
     <title>IPlist 1.1.2</title>
 </head>
 <body style="margin-left:15px;margin-right:15px;margin-top:5px;margin-bottom:10px;">
     <form id="form1" runat="server">
     <div>
     
         <asp:Button ID="btn_createTableList" runat="server" 
             onclick="btn_createTableList_Click" Text="Create New Table" />
         <asp:Button ID="btn_removeExistingTable" runat="server" 
             onclick="btn_removeExistingTable_Click" Text="Remove Existing Table" />
         <asp:Button ID="btn_editExistingTable" runat="server" 
             onclick="btn_editExistingTable_Click1" Text="Edit Existing Table" />
         <asp:Button ID="btn_saveChanges" runat="server" onclick="btn_saveChanges_Click" 
             Text="Save Changes" />
         <br />
         <asp:TextBox ID="txtbox_hotelID" runat="server" Width="70px"></asp:TextBox>
         <asp:TextBox ID="txtbox_hotelNavn" runat="server" Width="247px"></asp:TextBox>
         <asp:DropDownList ID="DrpDown_country" runat="server" Width="100px">
             <asp:ListItem>Austria</asp:ListItem>
             <asp:ListItem>Denmark</asp:ListItem>
             <asp:ListItem>France</asp:ListItem>
         </asp:DropDownList>
         <asp:TextBox ID="txtbox_country" runat="server" Width="0px" Enabled="False" Visible="False"></asp:TextBox>
         <asp:TextBox ID="txtbox_usernameOne" runat="server" Width="68px"></asp:TextBox>
         <asp:TextBox ID="txtbox_passwordOne" runat="server" Width="86px"></asp:TextBox>
         <asp:TextBox ID="txtbox_usernameTwo" runat="server" Width="65px"></asp:TextBox>
         <asp:TextBox ID="txtbox_passwordTwo" runat="server" Width="92px"></asp:TextBox>
         <asp:TextBox ID="txtbox_ipAddressOrHostname" runat="server" Width="198px"></asp:TextBox>
     
         <asp:TextBox ID="txtbox_ssh" runat="server" Width="96px"></asp:TextBox>
         <asp:TextBox ID="txtbox_https" runat="server" Width="97px"></asp:TextBox>
     
         <br />
     
     </div>
     </form>
 </body>
 </html>

Indlæg senest redigeret d. 28.10.2011 12:42 af Bruger #16700

Bruger #15754 @ 28.10.11 14:18

989

Hvis du kigger i din kode så har du css her style="margin-left:15px;margin-right:15px;margin-top:5px;margin-bottom:10px;">

og hvis du kigger på dine web controls efter de har renderet så bliver Width="100px"; også til style="width:100px;" som er css.

og som Jokke siger så er 'width: 100pt; er nødvendigvis ikke ens fra pc til pc.'

Indlæg senest redigeret d. 28.10.2011 14:19 af Bruger #15754

Bruger #16700 @ 31.10.11 13:04

-7

SÅ hvordan komme jeg udover mit "problem"?

Skal jeg kalde min
Width="100px"
Style="width:100px;" ??

Jeg kan ikke rigtig se det for mig.

Indlæg senest redigeret d. 31.10.2011 13:05 af Bruger #16700

Bruger #12245 @ 31.10.11 13:27

181

Nu ved jeg ikke hvor langt du er og hvad processen er. Men jeg vil klart anbefale dig at lave et decideret stylesheet til dine sider.

I din <head> sektion inkludere du følgende:

HTML kode

 <link href="/styles.css" type="text/css" rel="stylesheet" />

Derefter laver du en fil ved navn styles.css i roden eller hvor du nu har lyst til at lægge den. Herefter vil du kunne sætte ting på f.eks. <div id="my_div"> med følgende:

CSS kode

 div#my_div {width: 100px; color: blue;}

Du kan finde masser af gode guides om CSS på google.

Bruger #9938 @ 31.10.11 18:05

Din kode er som udgangspunkt fin omend der nok er nogle ting man ville gøre anderledes i moderne webudvikling - her tænker jeg primært på, og som allerede nævnt, benyttelse af et eksternt stylesheet fremfor inline styles, men det kan selvfølgelig have sine årsager.

Jeg har ikke nogen Mac at kunne teste på her så du bliver nok nødt til enten at give et link eller nogle billeder så vi kan se forskellene - eller i det mindste at du beskriver dem bedre.

Mange HTML-elementer har ikke et standard "design" så, uden at kende dit problem, kunne et CSS Reset måske være løsningen.

asp.net. Side bliver vist anderledes Mac vs Pc

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler