Bei externem Kontakformular verschiebt sich Navigation


Seite: 1
Autor Beitrag
WhiteRabbitStud
28.02.11 - 20:58:36 Uhr

Ich hab jetzt ein Kontaktformular von einem Generator komplett auf meine Bedürfnisse abgestimmt, in den Code gemacht, und jetzt verschiebt sich genau dort die Navigation. Woran könnte das liegen?

Hier die Kontaktseite:

http://whiterabbitstudios.tk/

sonst sind die eben immer in einer Reihe

Hier der Quellcode:

  1.  
  2.  
  3. <!DOCTYPE html   
  4.      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  5.      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  7. <head>  
  8.     <title>Kontaktier WhiteRabbitStudios!</title>  
  9.     <!-- UTF-8: Moderner Zeichensatz mit dem beinahe alle Zeichen dargestellt werden können  -->  
  10.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>  
  11.     <link rel="stylesheet" type="text/css" media="screen" href="screen.css"/>  
  12. </head>  
  13. <body>  
  14.  
  15. <div id="main-container">  
  16.     <div id="branding">  
  17.         <img src="images/logo.png" alt="Text: Designstudio WhiteRabbit" />  
  18.     </div>  
  19.       
  20.       
  21.     <div id="navigation">  
  22.             <ul>  
  23.                                 <li><a href="index.html"> HOME</a></li>  
  24.                 <li><a href="referenzen.php"> REFERENZEN</a></li>  
  25.  
  26.                 <li><a href="kontakt.php"> KONTAKT</a></li>  
  27.                 <li><a href="preise.html"> PREISE</a></li>  
  28.                 <li><a href="links.html"> LINKS</a></li>            </ul>  
  29.     </div>  
  30.  
  31.       
  32.     <div id="inhalt">  
  33.  
  34.         <div id="inhalt-haupt">  
  35.             <h1>Kontaktier uns!</h1>  
  36.             <p>Du hast eine Frage oder einen Auftrag? Schick uns eine Mail und wir bearbeiten sie so schnell wie möglich!</p>  
  37.               
  38.               
  39. <!-- Do not change code! -->  
  40.  
  41. <!DOCTYPE html>  
  42. <html>  
  43.  <head>  
  44.  <title></title>  
  45.  
  46.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  47.  <meta name="robots" content="noindex,nofollow">  
  48.  
  49.  <style type="text/css">  
  50.  /* Formular Stylesheet */  
  51.  body, textarea, table {  
  52.   font-family: Verdana, Sans-Serif;  
  53.   font-size: 12px;  
  54.   color: #000000;  
  55.  }  
  56.  table {  
  57.   margin: auto;  
  58.   border-spacing: 1px;  
  59.  }  
  60.  th, td {  
  61.   padding: 3px;  
  62.   font-weight: normal;  
  63.  }  
  64.  label {  
  65.   cursor: pointer;  
  66.  }  
  67.  textarea {  
  68.   width: 460px;  
  69.   height: 110px;  
  70.  }  
  71.  .pflichtfeld {  
  72.   color: #EE0000;  
  73.  }  
  74.  .hintergrund {  
  75.   color: #000000;  
  76.   background-color: #D60000;  
  77.  }  
  78.  /* Tabelleneffekt */   
  79.  input, textarea, select, .hintergrund {  
  80.   background: transparent;  
  81.  }  
  82.  table {  
  83.   background-image: url(transparent.gif);  
  84.   background-position: center;  
  85.   background-repeat: no-repeat;  
  86.  }  
  87.  </style>  
  88.  
  89.  </head>  
  90.  <body>  
  91.  
  92. <form action='/kontakt.php' method='post'>  
  93. <table>  
  94.  <tr><td colspan='2' class='pflichtfeld'><!-- Fehleranzeige --></td></tr>  
  95.  
  96.  <tr class='hintergrund'>  
  97.   <td><label for='Name'>Name: <span class='pflichtfeld'>*</span></label></td>  
  98.   <td><input type='text' size='35' name='name' value='' id='Name'></td>  
  99.  </tr>  
  100.  <tr class='hintergrund'>  
  101.   <td><label for='Email'>E-Mail: <span class='pflichtfeld'>*</span></label></td>  
  102.   <td><input type='text' size='40' name='mailfrom' value='' id='Email'></td>  
  103.  
  104.  </tr>  
  105.  <tr class='hintergrund'>  
  106.   <td colspan='2'><label for='Nachricht'>Nachricht: <span class='pflichtfeld'>*</span></label><br>  
  107.   <textarea name='nachricht' id='Nachricht'></textarea></td>  
  108.  </tr>  
  109.  <tr class='hintergrund'>  
  110.   <td colspan='2'><label for='Spamschutz'>Spamschutz: <span class='pflichtfeld'>*</span></label> &nbsp; <em>36 &#43; &#52;</em> =   
  111.  <input type='text' name='zip' size='3' id='Spamschutz'><input type='hidden' name='zip2' value='d645920e395fedad7bbbed0eca3fe2e0'> <small>(Rechenaufgabe lösen)</small></td>  
  112.  
  113.  </tr>  
  114.  <tr class='hintergrund'>  
  115.   <th colspan='2'>  
  116.    <br><span class='pflichtfeld'>*</span> <small>Bitte alle Pflichtfelder ausfüllen!</small> &nbsp; &nbsp; &nbsp; &nbsp;   
  117.      <input type='submit' name='sendung' value='Nachricht senden!'>  
  118.   </th>  
  119.  
  120.  </tr>  
  121. </table>  
  122. </form>  
  123.  <script type="text/javascript" src="http://view.binlayer.com/ad-12085.js"></script></body>  
  124. </html>  
  125.  
  126. <!-- Do not change code! -->  
  127.     <div id="fusszeile">  
  128.         <p class="bottom-right"><a href="impressium.html">Impressum</a> Copyright &copy; 2011 Eric Gerhardy</p>  
  129.  
  130.           
  131.       
  132.       
  133.     </div>  
  134.  
  135.  
  136. </div>      
  137. </body>  
  138. </html>  
  139.  
  140.  
tussi
28.02.11 - 22:08:03 Uhr

Kann es jetzt nicht testen, aber versuch mal folgendes:

Mach mal bei der Zeile

Du hast eine Frage oder einen Auftrag? Schick uns eine Mail und wir bearbeiten sie so schnell wie möglich!

einen Absatz hinter " einen Auftrag? "


edit:

Der Main-Container hat laut deiner css eine Breite von 671 px:

#main-container {
width: 671px;


Das Formularfeld hat eine Breite von 807 px. Vielleicht hilft es auch, wenn du da die Breite auf 670 px verkleinerst.
ixiter
28.02.11 - 23:44:08 Uhr

Du bindest das Formular komplett ein. Inkl. <html>, <head> und <body>. Das ist nicht gut.

Außerdem hast du einpaar Tippfehler. Bei Referenzen wird die Navi auch verschoben. Da ist oben ein freistehendes < bzw. &lt; zu viel.

Auf der Startseite unten beim <div> fehlt das >

usw. usf.

________________
ixiter.com
Durchsuch die Pytal Userseiten
Webtools
Google hilft dir weiter
Twitter mich
Seite: 1

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -