Autor |
Nachricht |
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.03.2007 15:08
Titel [css] Darstellungsproblem nach Link |
|
|
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="#">:: Ü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 ä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;
}
|
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.03.2007 15:16
Titel
|
|
|
finde ich auch äußerst seltsam. füg mal das mit ein, dann gehts..frag mich nicht warum
Code: |
#login td {
font-size: 11px;
}
|
|
|
|
|
|
Anzeige
|
|
|
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.03.2007 15:39
Titel
|
|
|
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?
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.03.2007 15:42
Titel
|
|
|
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
|
|
|
|
|
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.03.2007 15:49
Titel
|
|
|
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
|
|
|
|
|
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.03.2007 02:44
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ähnliche Themen |
Darstellungsproblem im IE7
darstellungsproblem im ie 7
FF/IE Darstellungsproblem
CSS Darstellungsproblem IE8
darstellungsproblem mit ff/ie
SketchUp - Darstellungsproblem?
|
|