zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit dem Positionieren der Login Div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.10.2009, 16:34
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard Problem mit dem Positionieren der Login Div

Hallo =)

Also da bin ich wieder mal... hab das komplette markup überarbeitet, und fast alles neu gecodet weil mir gesagt wurde das mein altes totaler schrott war :P Schnell wurde mir klar das dieser jenige recht hatte xD Doch ich habe jetzt leider ein riesen problem mit meinem Login feld... das ergibt nicht viel sinn irgendwie... Schaut es euch selber an:

One-Piece-Anime.de

Schaut die seite euch bitte einmal mit FireFox an und einmal mit IE... in IE ist zum einen die Farbe des Bildes das sich in der Login Div befindet seltsamer weise heller... wobei man schon fast sagen könnte das sie in der Login div richtig ist und alle anderen bilder zu dunkel sind... denn beim Login sieht der übergang rechts und links in die Blaue Hintergrundfarbe der webseite weicher aus... wie sie in Firefox auch sehr weich ist...

NAJA ^^ jedenfalls geht es mir grade hauptsächlich um die Positionierung der Input Felder ind der 2 Buttons (Anmelden und Registrieren)

ich verstehe leider nicht wie ich die anständig Positionieren soll... entweder sie passen in IE (dann aber in FireFox nicht) oder sie passen in FireFox (dann aber im IE nicht) und vor allem ist mir aufgefallen das, wenn man die seite betrachtet mit einer niedrigen auflösung... die buttons und inputfelder sowieso total endlos verschoben sind... kann mir einer bitte sagen wie man die anständig positioniert? =(

hier ist der code für die Login Div
Code:
<!-- LOGIN - NOCH NICHT ANGEMELDET ENDE -->
			<div class="login1">
				<form action="<?php echo $DOCUMENT_ROOT. 'file:///phpbb3/ucp.php?mode=login';?>" method="post">
				<span><input type="text" name="username" id="username" size="17" title="Benutzername" />
				<input class="password" type="password" name="password" id="password" size="17" title="Passwort" />
				<input class="login" type="submit" name="login" value="Anmelden" /> <input type="hidden" name="redirect" value="www.one-piece-anime.de/index.php" />
				<input class="reg" type="submit" name="reg" value="Registrieren" /></span>
				</form>
			</div>
<!-- LOGIN - NOCH NICHT ANGEMELDET ENDE -->
und hier die dazu gehörigen CSS einträge:
Code:
DIV.login1{
	background-image: url(images/login.png);
	height: 41px;
	width: 815px;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 9px 0px 0px 435px;
}

input {
	color: #1185AE;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	border: 0px;
	background-color: transparent;
}

	input.password {position: relative; left: 85px;}
	input.login {position: relative; left: 90px;}
	input.reg {position: relative; left: 85px;}
währe sehr nett wenn mir einer dabei helfen würde wie ich das anständig positioniert bekomme =) und extrem nett währe der der mir auch noch verraten würde wieso die farbe des LoginDivs im IE anders ist als die anderen bilder

hab ich irgendwas falsch gemacht oder vergessen? ^^ oder wieso antwortet mir keiner?

Geändert von Cybertronic (01.10.2009 um 19:17 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.10.2009, 02:20
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Wenn dir keiner antwortet, dann hat wohl niemand eine Lösung.

Von welchem IE sprichst du und was verstehst du unter falsch positioniert? Für mich siehst soweit ok aus.
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.10.2009, 16:28
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

also ich habe es mit dem IE7 getestet... da sah es so aus:

http://one-piece.animesector.de/im_ie.png

und abgesehen davon sieht es auch im Firefox komisch aus wenn man die seite mit ner niedrigen auflösung anschaut... die seite ist ja für mindestens 1280 breite ausgelegt... so gesehen ist mir klar das einer der eine niedrigere auflösung nutzt, eh schon dauernd hin und her scrolen muss um die ganze seite zu sehen... aber wenn man weniger als 1280 nutzt ist das loginfeld auch im FireFox total verschoben =( gibts keinen weg das ding so zu positionieren das sich da nix verschiebt?... seht ja oben den code wie ichs positioniert habe
Mit Zitat antworten
  #4 (permalink)  
Alt 03.10.2009, 17:01
Benutzerbild von Pascolo
Stiller Leser
XHTMLforum-Mitglied
 
Registriert seit: 24.11.2007
Ort: Cham
Beiträge: 640
Pascolo sorgt für eine eindrucksvolle AtmosphärePascolo sorgt für eine eindrucksvolle Atmosphäre
Standard

Wenn ich deine Seite überprüfen lasse, dann zeigt er mir 131 Fehler (Stand: 03.10.09 16:00) an. Es ist deshalb nicht verwunderlich, dass es zu Darstellungsfehler kommt.
__________________
Mit freundlichen Grüssen "Pascolo"

Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese
Mit Zitat antworten
  #5 (permalink)  
Alt 03.10.2009, 19:18
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

ja is aber 131 mal der selbe fehler, der heult rum wegen image files...

Code:
Error  Line 90, Column 357: required attribute "alt" not specified
…ws/0.png" /><img src="/news/0.png" /><img src="/news/9.png" /></div>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
hab halt absolut keine ahnung was den da stört... verstehs einfach nich... aber ich weis das es an den image bugs nich liegen kann das der login verschoben wird bei IE
Mit Zitat antworten
  #6 (permalink)  
Alt 04.10.2009, 14:06
Benutzerbild von Pascolo
Stiller Leser
XHTMLforum-Mitglied
 
Registriert seit: 24.11.2007
Ort: Cham
Beiträge: 640
Pascolo sorgt für eine eindrucksvolle AtmosphärePascolo sorgt für eine eindrucksvolle Atmosphäre
Standard

Das sind aber nur einige der Fehler, darüber stehen noch andere (z.B. XML Parsing Error).
__________________
Mit freundlichen Grüssen "Pascolo"

Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese
Mit Zitat antworten
  #7 (permalink)  
Alt 04.10.2009, 15:18
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

würde gern einen nach dem anderen entfernen... also fehler... kannst du mir sagen was ich gegen das img problem machen soll? währe nett, weil möchte ja selber eine bugfreie webseite den leuten bieten können
Mit Zitat antworten
  #8 (permalink)  
Alt 04.10.2009, 16:21
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Im Grunde sagt es der Validator ja schon "XML Parsing Error: Opening and ending tag mismatch". In XHTML muss jeder Tag geschlossen werden, also auch Standalone Tags wie Img, Br, etc welchen normalerweise keinen Endtag haben. Diese schließt man dann mit einem Slash am Ende des Starttags, also:
Code:
<img src="xyz.png" alt="" />
<br />
etc...
__________________
Mit Zitat antworten
  #9 (permalink)  
Alt 04.10.2009, 20:01
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

Code:
<div class="news_balken_oben" style="background-image:url(/news/news_balken_oben_'.$row['autor'].'.png)"><img src="/news/news_vom.png" /><img src="/news/'.$a.'.png" /><img src="/news/'.$b.'.png" /><img src="/news/'.$c.'.png" /><img src="/news/'.$d.'.png" /><img src="/news/'.$e.'.png" /><img src="/news/'.$f.'.png" /><img src="/news/'.$g.'.png" /><img src="/news/'.$h.'.png" /><img src="/news/'.$i.'.png" /><img src="/news/'.$j.'.png" /></div>
<div class="news"><img src="'.$avatar.'" style="float:left; padding: 0px 10px 0px 0px;">'.$row['text'].'</div>
<div class="news_balken_unten"><a href="news/comments.php?id='.$row['id'].'"><img src="/news/kommentieren.png" border="0" /></a></div>
da is doch überall ein / vor dem > .... versteh das nich oO
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.10.2009, 20:32
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Nein, schau dir den Link von Pascolo nochmal an, dort werden verschiedene Stellen genannt wo es nicht so ist, etwa
Code:
<img src="/phpbb3/images/avatars/gallery/admins/ruffy_avatar.png" style="float:left; padding: 0px 10px 0px 0px;">
welche du auch in deinem Seitencode wiederfinden wirst.
__________________
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV dynamisch positionieren daski CSS 2 04.11.2010 17:37
Header entfernen tripple CSS 17 15.06.2010 16:41
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18
div neben zentriertem div positionieren tramiz CSS 15 06.04.2009 13:06
DIV margin-top Problem in Opera Nadia CSS 4 26.01.2008 22:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:36 Uhr.