Float klappt nicht!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
befehl
bereich
code
datei
display
fehler
form
forum
index
kostenlos anmelden
login
problem
quellcode
schau
stimmen
text
tip
trick
unterschrift
-
Hi
Bei mir habe ich eine php-seite gemacht mit einem dazugehörigen stylesheet. Auf meinem Rechner hat dass alles geklappt aber als ichs hochgeladen hatte und auf meiner Seute angeschaut habe, da war die login-form nicht mehr rechts (ich habe den float:left; befehl verwendet)
ich habe echt keine Ahnung wo da der Fehler liegt!
hier mal der Code:
index.php
<html> <head> <title>Seite1</title> <link rel="stylesheet" type="text/css" href="startseite.css" /> </head> <bod> <div class="üTop"> <h1> Überschrift </h1> </div> <div class="menuTop"> <a href=" " id="menuLink">link1</a> <a href=" " id="menuLink">link2</a> <a href=" " id="menuLink">link3</a> <a href=" " id="menuLink">link4</a> <a href=" " id="menuLinkl">link5</a> </div> <div class="login"> <fieldset> <legend><b>Login</b></legend> <form activate="seite2.php" method="post"> <input type="Text" name="user" value="Benutzernamen eingeben" size="30" MaxLength="20" onblur="if(this.value == '') { this.value='Benutzernamen eingeben'}" onfocus="if (this.value == 'Benutzernamen eingeben') {this.value=''}" /> <br> <input type="Passwort" name="passwort" Value="Passwort eingeben" Size="30" MaxLength="20" onblur="if(this.value == '') { this.value='Passwort eingeben'}" onfocus="if (this.value == 'Passwort eingeben') {this.value=''}" /> <br> <input type="Submit" value=" Login " /> <input type="Reset" value=" Reset " /> </form> <hr> Jetzt kostenlos anmelden! <br> <input type="button" value=" Anmelden " onclick="" /> <form id="anmelden"> Hallo meld dich an! </form> </div> <div class="menuLeft"> <a id="leftLink" href="">Forum</a><br> <a id="leftLink" href="">Tipps und Tricks</a><br> <a id="leftLink" href="">Link3</a><br> <a id="leftLink" href="">Gästebuch</a><br> <a id="leftLink" href="">Unterschriften</a><br> <a id="leftLink" href="">Specal</a><br> </div> <?php include("main.html") ?> </body> </html>
und hier die css (startseite.css)
body{ background-color:white;color:black; } .üTop{ text-align:center; background-color:black;color:red; padding-top:10px; padding-bottom:10px; } .menuTop{ text-align:right; background-color:black;color:red; margin-top:1px; } #menuLink{ color:green; font-size:13pt; padding-left:30px; } #menuLinkl{ color:green; font-size:13pt; padding-right:200px; padding-left:30px; } .login{ float:right; } #anmelden{ display:none; } .menuLeft{ font-size:15pt; background-color:black; float:left; height:360px; width:200px; margin-top:1px; padding-top:35px; } #leftLink{ margin-left:30px; color:blue; } #leftLink:hover{ font-size:16pt; background-color:red; color:yellow; } .main{ }
in MAin.html steht bisher nur das:
<html> <head> <link rel="stylesheet" type="text/css" href="startseite-style.css" /> </head> <body> <div class="main"> Main-Bereich </div> </body> </html>
Hoffe echt dass ihr mir helfen könnt!!! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ou ich dachte das muss da rein...
Also ich habs jetzt weg gemacht aber die login-form ist immernochnicht rechts! Alles andere ist ordentlich positioniert außer eben die loginbox!!!
Beitrag zuletzt geändert: 19.11.2009 18:54:54 von programtools -
Ist falsch. Das würde ich erstmal korigieren.<bod> -
Vielen dank! aber ich glaub ich hab den Fehler jetzt gefunden:
Ich hab im Css bei der Klasse login einfach die Breite angegeben und dann hats geklappt. Komisch aber ist so xD
.login{ float:left; width:50px; }
aber ich weiss nicht ob dass alles so stimmen kann aber wenn ichs raus nehme klappts wieder nicht.
Kann mir das einer erklären??? -
Problem gelöst, deshalb closed. Bei Rückfragen oder Öffnungswünschen bitte PN an mich!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
