mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.10.2021 04:10 Benutzername: Passwort: Auto-Login

Thema: [css] Darstellungsproblem nach Link vom 13.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [css] Darstellungsproblem nach Link
Autor Nachricht
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 13.03.2007 15:08
Titel

[css] Darstellungsproblem nach Link

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

ich hab ein vermutlich ziemlich simples Problem, leider find ich die Lösung dafür nicht

Testseite

Wenn man auf den "Neu Hier" Link geht, öffnet sich das Fenster mit der Registrierung, allerdings, wie sofort auffallen sollte, verändert sich in dem login-div die Schriftgröße und die Größe der Input Felder und ich hab keine Ahnung wieso.

Hier mal die CSS und die registrierung.php

Code:

<?

require '../../safety/anmeldung.php';

$name        =$_POST["name"];
$vorname     =$_POST["vorname"];
$passwort    =$_POST["passwort"];
$benutzername=$_POST["benutzername"];
$email        =$_POST["email"];

if (!empty($name) && !empty($vorname) && !empty($passwort) && !empty($benutzername) && !empty($email))

{

   $query= "INSERT INTO table_users (nachname,vorname,passwort,benutzername,email) VALUES ('$name','$vorname','$passwort','$benutzername','$email')";

   mysql_query($query) or die(mysql_error());


  echo "Danke für die Anmeldung $benutzername. Deine Zugangsaten wurden dir per Mail zugeschickt.";


  $email = $_POST['email'] ;
  $message = "Testmail" ;
  mail ($email, "Deine Registrierung: ".$benutzername, $message, "From: test@test.de") ;
  exit;

}


?>



<html>
  <head>

  <title>Jugendkreis "Arche" Bernstadt</title>
  <link rel="stylesheet" href="css/style.css" media="screen">

 </head>

    <div id="container">

   <div id="header">
   </div>

   <div id="login">

    <table>
     <tr>
      <td>Name: <input type="text"></td>
      <td>Passwort: <input type="password"></td>
      <td>Login</td>
      <td></td>
      <td><a class="input" href="registrierung.php">Neu Hier</a></td>
     </tr>
    </table>
   
   </div>
   
   <div id="navi">
   
    <img class="button" src="graf/bt_arche.jpg">   

    <div class="menucontainer">
     
     <a class="navi" href="#">:: &Uuml;ber Uns</a>
     <a class="navi" href="#">:: Programm</a>
     <a class="navi" href="#">:: Gallery</a>
     <a class="navi" href="#">:: Specials</a>
     <a class="navi" href="#">:: Downloads</a>

    </div>

    <img class="button" src="graf/bt_me.jpg">
   
    <div class="menucontainer">
     
     <a class="navi" href="#">:: 'bout Me</a>
     <a class="navi" href="#">:: Send A Message</a>
     <a class="navi" href="#">:: Posteingang</a>
     <a class="navi" href="#">:: Postausgang</a>
     <a class="navi" href="#">:: Profil &auml;ndern</a>

    </div>

    <img class="button" src="graf/bt_links.jpg">

    <div class="menucontainer">
     
     <a class="navi" href="#">:: Teeniekreis</a>
     <a class="navi" href="#">:: JuRa Downstairs</a>
     <a class="navi" href="#">:: JesusHouse 2007</a>

    </div>
         
   </div>

   <div id="content">

    <form method="POST" action="registrierung.php">

     <table>
      <tr>
       <td>Name</td>
       <td><input type="text" name="name"></td>
      </tr>
      <tr>
       <td>Vorname</td>
       <td><input type="text" name="vorname"></td>
      </tr>
      <tr>
       <td>Benutzername</td>
       <td><input type="text" name="benutzername"></td>
      <tr>
      <tr>
       <td>Passwort</td>
       <td><input type="password" name="passwort"></td>
      <tr>
      <tr>
       <td>E-Mail Adresse</td>
       <td><input type="text" name="email"></td>
      </tr>
      <tr>
       <td></td>
       <td><input type="submit" value="registrieren" name="reg"></td>
      </tr>
     </table>
   
    </form>
   
   </div>

   <div id="footer">
   </div>
 
  </div>

 </body>

</html>


Code:

body {
   
   color:#000000;
   background-color:#FFFFFF;
   font-family: Arial;
   font-size: 12px;
   }

#container {
   
   position: absolut;
   width: 760px;
   margin: 0px auto;
   margin-top: 40px;
   }

#header {
   
   width: 760px;
   height: 110px;
   background-color:#C4C4C4;
   background-image: url(../graf/header.jpg);
   }

#login {
   
   width: 760px;
   height: 25px;
   background-image: url(../graf/bg_login.jpg);
   font-size: 11px;
   }


#login input {
   width: 50px;
   height: 14px;
   font-size: 10px;
   }
   

#navi {
   
   float: left;
   width: 180px;
   background-image: url(../graf/bg_navi.jpg);
   color:#000000;
   padding-bottom: 50px;
    }


#content {
   
   float: left;
   width: 580px;
   color:#FFFFFF;
   }

#footer {

   clear:both;
   width:760px;
   height: 20px;
   background-color:#cdcdcd;
   color:#FFFFFF;
   }

.button {

   margin: 16px 0 8px 0;
   }

.menucontainer {

   border-bottom: 1px solid #FFFFFF;
   }

a.navi:link {
   
   display: block;
   width: 120px;
   color:#000000;
   background-color:#6699CC;
   text-decoration:none;
   border-top: 1px solid #FFFFFF;
   padding: 2px 0 2px 40px;
   }


a.navi:visited {
   
   display: block;
   width: 120px;
   background-color:#6699CC;
   border-top: 1px solid #FFFFFF;
   padding: 2px 0 2px 40px;
   }

a.navi:active {
   
   width: 136px;
   text-decoration:none;
   border-top: 1px solid #FFFFFF;
   border-left: 20px solid #CDCDCD;
   border-right: 4px solid #CDCDCD;
   padding: 2px 0 2px 20px;
   font-weight: bold;
   }

a.navi:hover {
   
   width: 136px;
   border-top: 1px solid #FFFFFF;
   border-left: 20px solid #CDCDCD;
   border-right: 4px solid #CDCDCD;
   padding: 2px 0 2px 20px;
   }

a.input:link, :visited, :active, :hover {
   
   color:#000000;
   text-decoration:none;
   }
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 13.03.2007 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

finde ich auch äußerst seltsam. füg mal das mit ein, dann gehts..frag mich nicht warum Lächel

Code:

#login td {
font-size: 11px;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 13.03.2007 15:39
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, an der Schrift ändert sich jetzt nichts mehr, allerdings werden die Input Felder trotzdem noch kleiner, dh, die ganze Zeile verschiebt sich trotzdem.

Und nachdem ich auf den Link geklickt habe, verschiebt sich im IE7 die Seite an den linken Browserrand. An was könnte des liegen?
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 13.03.2007 15:42
Titel

Antworten mit Zitat Zum Seitenanfang

habe sowas auch noch nicht erlebt. du mußt für diesen fall eben dem input auch ne extra formatierung geben:

#login table input {} oder #login td input {}

edit: ..und das ganze natürlich in ner seperaten css..


Zuletzt bearbeitet von konsumkünstler am Di 13.03.2007 15:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 13.03.2007 15:49
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, na dass is ja ein schöner scheiß!
Werds mal ausprobieren.

edit:

Ok, es hat nicht funktioniert. Aber ich hab rausgefunden, dass es an dem php Teil in der registrierung.php liegt, wenn ich den rausmach, stellt er alles ganz normal dar. Der php Code ist nicht von mir, kann einer sagen was daran nicht stimmt?

Danke


Zuletzt bearbeitet von Krisslinger am Di 13.03.2007 16:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 14.03.2007 02:44
Titel

Antworten mit Zitat Zum Seitenanfang

OK, ich hab gewusst, dass es sich um ein simples Problem handeln muss, aber dass es so simple ist Au weia!

In der registrierung.php hat das öffnende <body> Tag gefehlt, deswegen die fehlerhafte Darstellung. Naja total * Wo bin ich? * eben.

Trotzdem dankle für die Hilfe
  View user's profile Private Nachricht senden
 
Ähnliche Themen css > darstellungsproblem > mozilla :-) IE :-(
CSS Browser Darstellungsproblem
CSS und Firefox - Darstellungsproblem?
CSS Darstellungsproblem IE8
[CSS] Darstellungsproblem der besonderen Art
css / img darstellungsproblem [erledigt]
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.