Avatar billede sitedesigner Nybegynder
22. juli 2007 - 16:19 Der er 5 kommentarer

Site vises ikke korrekt i alle browsere.

Vi har lavet et site i HTML, men der et issue med noget spacing der driller lidt også når Google Analytics indsættes. Vises ordentlig i Safari(Mac) men i IE og lign. "forskyder" sitet navigationen.

Honorar gives, skriv hvis interesse

Mvh Sitedesigner
Avatar billede Slettet bruger
22. juli 2007 - 16:25 #1
husk at boksmodellen ikke altid er det man forventer naar der er tale om IE.

Desuden kan quirks mode spille ind.

Har du noget kode man kan kigge paa?
Avatar billede sitedesigner Nybegynder
22. juli 2007 - 16:45 #2
wow. tak for dit hurtige svar daleif.

Hvad er quirks mode?



Her er koden:

Når man sætter tekst ind i bodyen, rykker selve menuen sig til venstre..hmm..

---------------

<!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">

<script>
function utmx_section(){}
(function(){var k='4179406648',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash,
t=h.length>1||!xx||!xx.indexOf(k+':bypasscache');d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+(t?'&utmxtime='
+new Date().valueOf():'')+(h?'&utmxhash='+h.substr(1):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
<head>



<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>QTD</title>
<style type="text/css">
<!--
.navlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #DA7E6A;
    text-decoration: none;
}
.navlink:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #FFE9CA;
    text-decoration: underline;
}
.link {
    text-decoration: underline;
}
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #DA7E6A; }
.style10 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #D2715C; }
.navlinkdark {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #824747;
    text-decoration: none;
}





.style10 .style12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FC917A;
    text-decoration: underline;
}
.style19 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
.style21 {
    color: #990000;
    font-weight: bold;
}
.style22 {font-size: 16px}
.style24 {
    color: #993333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.style26 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #3B453F;
}
.style30 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #330000; }
.style32 {color: #3B453F}
.style33 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #3B453F; }
.style35 {
    color: #90826B;
    font-size: 12px;
}
.style36 {font-size: 12px}
.style37 {font-size: 14px}
.style39 {
    color: #3B453F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
-->
</style>
</head>

<body background="images/bg.jpg" topmargin="0" leftmargin="0">

<script src=?/includes/ga_keyword.js? type=?text/javascript?></script>
<script src=?http://www.google-analytics.com/urchin.js? type=?text/javascript?>
</script>
<script type=?text/javascript?>
_uacct = ?UA-267651-7?;
urchinTracker();
sleuth();
</script>


<table width="865" border="0" cellspacing="0" cellpadding="0" align="center">
<script>utmx_section("Banner")</script>
  <tr>
    <td width="275"><a href="index.htm">
    <img src="images/quality-tatoo-design-logo.jpg" height="103" width="275" border="0"/>
    </a></td><td>&nbsp;</td>
  </tr>
  </noscript>
 
  <script>utmx_section("Headline")</script>
  <tr>
    <td colspan="2"><img src="images/header-gfx01.jpg" width="865" height="205" /> </br>
    <img src="images/header-gfx02.jpg" /><img src="images/header-gfx03.jpg" /><a href="http://www.1shoppingcart.com/app/javanof.asp?MerchantID=104630&ProductID=3526717"><img src="images/header-gfx04.jpg"  border="0"/></a><img src="images/header-gfx05.jpg" /></td>
  </tr>
  </noscript>
 
  <tr>
    <td width="275" valign="top"><img src="images/includes.jpg" height="62" width="275"/></td>
    <td valign="top" rowspan="2" background="images/main-background.jpg" width="590" height="100%"><table width="547" height="345" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="539"><div align="center">
          <p><span class="style26">Check out this video of whats included!</span><br />
          </p>
          <p><img src="images/videoscreen.jpg" width="366" height="293" /></p>
        </div></td>
      </tr>
      <tr>
        <td width="539"><table width="490" height="88" border="0" align="center" cellpadding="0" cellspacing="0" valign="center">
       
        <script>utmx_section("Pagecopy")</script>
       
          <tr>
            <td><br /><br /><p class="style19"><strong>The Ultimate Quality Tattoo Design package includes:</strong></p>
              <p><span class="style39">Tired of seaching hours and hours for the  perfect tattoo?</span><br />
              <p>&nbsp;</p>
              <p><br />
              </p>
              <ul>
                <li class="style33">Instant Access to +1200 Award Winning Quality Tattoo Design</li>
                <span class="style32"><br />
                <br />
                </span>
                <li class="style33">Choose among more than 20 categories</li>
                <br />
     
         
              </div></td>
          </tr>
         
          </noscript>
         
        </table>
          <p class="style19">&nbsp;</p>
          <p class="style19">&nbsp; </p></td>
      </tr
    ></table>
      <br /></td>
  </tr>
  <tr>
      <td background="images/includes-background.jpg" width="275" height="100%" valign="top"><table width="191" border="0" align="center" cellpadding="0" cellspacing="8">
      <tr>
        <td width="16" class="style7">&gt;</td>
        <td width="145"><a href="tribal-tattoos.htm" class="navlink">Tribal Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td ><a href="butterfly-tattoos.htm" class="navlink">Butterfly Tattoos</a> </td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="dragon-tattoos.htm" class="navlink">Dragon Tattoos</a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="lower-back-tattoos.htm" class="navlink">Lower Back  Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="cross-tattoos.htm" class="navlink">Cross Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="back-tattoos.htm" class="navlink">Back Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="flower-tattoos.htm" class="navlink">Flower Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="star-tattoos.htm" class="navlink">Star Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="angel-tattoos.htm" class="navlink">Angel Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="fairy-tattoos.htm" class="navlink">Fairy Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="celtic-tattoos.htm" class="navlink">Celtic Tattoos </a></td>
      </tr>
      <tr>
        <td><span class="style7">&gt;</span></td>
        <td><a href="rose-tattoos.htm" class="navlink">Rose Tattoos</a></td>
      </tr>
    </table>
      <p>&nbsp;</p>
    <p><img src="images/including-testimonials.jpg" width="275" height="16" /></p>
    <table width="175" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="style24"><p class="style35"><em>&quot;I also heard about the hype with Quality Tattoo Design and it's rumoured high qualtity and was even more surprised when I got the package. Thanks a lot for&quot;</em></p>
          <p class="style35"><em>Aj, NY </em></p>
          <p class="style36">&nbsp;</p>
          <p class="style35">&quot;Thank you so much for your product! I found the perfect tattoo design for me! I've already recommended your product to 4 of my friends and they have all found tattoo's from your product that they want to get. <br />
            Thanks again.&quot;</p>
          <p class="style35"><em>Aj, NY </em></p>
          <p class="style36">&nbsp;</p>
          <p class="style35"><em>&quot;I also heard about the hype with Quality Tattoo Design and it's rumoured high qualtity and was even more surprised when I got the package. Thanks a lot for&quot;</em></p>
          <p class="style35"><em>Aj, NY </em></p></td>
      </tr>
    </table>    <p>&nbsp;</p></td>
  </tr>
  <tr>
      <td colspan="2" background="images/testimonial-bar.jpg" width="865" height="36" valign="center">&nbsp;</td>
  </tr>
  <tr>
      <td colspan="2" background="images/buttom.jpg" width="865" height="34">&nbsp;</td>
  </tr>
  <tr>
      <td colspan="2"><img src="images/special-offer01.jpg" /><img src="images/special-offer02.jpg" /><img src="images/special-offer03.jpg" /><a href="order-now.htm"><img src="images/special-offer04.jpg" border="0"/></a><img src="images/special-offer05.jpg" />    </td>
  </tr>
  <tr>
      <td colspan="2"><table width="642" height="34" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="103"><a href="order-now.htm" class="navlink">Order Now </a></td>
        <td width="50"><a href="faq.htm" class="navlink">FAQ</a></td>
        <td width="117"><a href="privacy-policy.htm" class="navlink">Privacy Policy</a> </td>
        <td width="108"><a href="testimonials.htm" class="navlink">Testimonials</a></td>
        <td width="85"><a href="sitemap.htm" class="navlink">Sitemap</a></td>
        <td width="101"><a href="contact-us.htm" class="navlink">Contact Us </a></td>
        <td width="118"><a href="about-us.htm" class="navlink">About Us </a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
  <td colspan="2" align="center">
          <span class="style30">Copyright &copy; 2007 </span><a href="index.htm" class="navlink">Quality Tattoo Design</a><span class="style10"><span class="style30">. All rights reserved.</span></span></td>
  </tr>
</table>

&plusmn;

<script>
if(typeof(urchinTracker)!='function')document.write('<sc'+'ript src="'+
'http'+(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/urchin.js'+'"></sc'+'ript>')
</script>

<script>
  _uacct = 'UA-267651-6';
  urchinTracker("/4179406648/test");
</script>
</body>
</html>

-------------------------
Avatar billede Slettet bruger
22. juli 2007 - 17:01 #3
har ikke lige mere tid i dag.

Tag evt. et kig paa

http://www.webdesign101.dk/

her kan man slaa quirks mode op.
Avatar billede olebole Juniormester
23. juli 2007 - 14:56 #4
<ole>

Hvorfor slå quirks mode op med den kode? Der er intet i den, der sender IE6 i quirks  =)

Til gengæld skriver du XHTML 1.0 Transitional og bruger scripts, der er komplet inkompatible med XHTML. Da der ikke er forskel på at skrive HTML 4.01 Strict og XHTML 1.0 Transitional (bortset fra nogle helt ligegyldige kosmetiske ting, som ingen har glæde af), kan du ligeså godt skrive HTML 4.01 Strict ... og dermed valid kode.

Derudover har du en masse ulovlige nestninger ... script-tags på ulovlige steder - og hvad laver alle dine </noscript>-tags?

Jeg undrer mig også over din CSS, som er mere end uhensigtsmæssig. Kald dine klasser noget logisk sigende i stedet for 'style24'. Desuden tror jeg ikke det er nødvendigt at bruge alle de klasser, hvis du bruger CSS, som det er tænkt ... men jeg orker ikke gå din kode igennem, før den er mere overskuelig.

Udover koden kunne det være hensigtsmæssigt at kunne se siden (et link, please)  ;o)

/mvh
</bole>
Avatar billede Slettet bruger
23. juli 2007 - 15:04 #5
jeg arbejder aldrig med IE, så jeg kender ikke quirks mode ret godt. Men ved bare at når siden begynder at se underlig ud så kan det være det.

Og ja, et link ville være bedre.
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