✔ anzeigefehler

Status
Nicht offen für weitere Antworten.
L

Lexx22

Grünschnabel
css problem

habe nun einen login form eingebaut allerdings wird es mir immer Fehlerhaft angezeigt

opera hat noch die beste ausführung (auch mit fehler)

firefox ignoriert die positionierung

IE ist sowieso ein vollkoffer und kennt sich nüsse aus


wie kann ich also meine css so umschreiben das sie von allen browsern aktieptiert werden

oder muss ich dazu eine if php erstellen die nach browser fragt und für jeden browser eine andere css lädt

muss doch einfacher gehen

auserdem bekomme ich am webspace nicht diese ausführung die ich im Dreamwaver habe

bitte um hilfe
 
Hi,

für eine Stellungnahme oder einen Lösungsvorschlag solltest du hier auch den dazugehörigen HTML- und CSS-Code posten, oder optimalerweise den Link zur Problemseite nennen, damit man sich das direkt in den Browsern anschauen kann, denn im absoluten "Blindflug" wird dir hier niemand einen entscheidenen Tip zur Behebung des Anzeigefehlers geben können.

Und achte in deinen Beiträgen bitte etwas mehr auf die Groß- und Kleinschreibung, wie in der Netiquette (Nr.15) erwünscht. Vielen Dank!

mfg Maik
 
Auf www.lexxgames.at zu sehen

Wie Ihr deutlich sehen könt ist mein linkes Kästchen das eigendlich für den Login gedacht ist leer

Dafür ist mein login hinter das Banner raufgerütscht ( bei Firefox )

Bei opera sind kleine fehler mit den Farben

Bei IE sind nichtmal die kästchen sichtbar

HTML: 
<body>
<banner><img src="templer.gif" alt="Templerbanner" width="971" height="176" /></banner>
	<logins></logins>
	  <hx><form action="login.php" method="post" target="_self">
  Benutzername:<br>
    <input type="Text" name="username">
    <br>
    Passwort<br>
    <input type="Password" name="passwort">

    <input type="Submit" value="Absenden">
    </p>
  <p><span class="Stil3">Registrieren</span> <br />  
    <span class="Stil1"> Passwort vergessen</span></p>
</form></hx>
</body>

das dazugehörige css sieht so aus

Code: 
hx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666633;
	top: 253px;
	position: absolute;
	left: 41px;
	width: auto;
	height: auto;
}

body        {
	padding-left:14em;
	padding-top:5em;
	font-family:Arial, Helvetica, sans-serif;
	color: #333300;
	background-color: #85803A;
              }
banner          {
	position:absolute;
	left:25px;
	top:28px;
	width: 971px;
	height: 176px;
	background-color: #4D4B33;
	border: medium outset #81743F;
              }
logins {
	background-color: #4D4B33;
	position:absolute;
	left:25px;
	top:225px;
	width: 256px;
	height: 201px;
	border: medium outset #81743F;
}

Bitte auch um ne kurze erläuterung wieso dieser Fehler auftritt damit ich bei der Navigation nicht das selbe Problem habe
 
würde allerdings lieber das problem lösen und zusätzlich nur eine include zu erstellen das es in etwa so aussieht

HTML: 
<banner><img src="templer.gif" alt="Templerbanner" width="971" height="176" /></banner>
	<logins><?PHP include ?></logins> #das eigendliche Login Kästchen
 
Zuletzt bearbeitet:
Grundsätzlich solltest du das Markup so formulieren:

Code: 
<img src="templer.gif" id="banner" alt="Templerbanner" width="971" height="176" />
        <div id="logins"></div>
          <div id="form"><form action="login.php" method="post" target="_self">
  Benutzername:<br>
    <input type="Text" name="username">
    <br>
    Passwort<br>
    <input type="Password" name="passwort">

    <input type="Submit" value="Absenden">
    </p>
  <p><span class="Stil3">Registrieren</span> <br />
    <span class="Stil1"> Passwort vergessen</span></p>
</form></div>
Code: 
#navigation { position:absolute;
              left:.5em;
              top:6.5em
              }
div#form {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #666633;
        top: 253px;
        position: absolute;
        left: 41px;
        width: auto;
        height: auto;

}

body        {
        padding-left:14em;
        padding-top:5em;
        font-family:Arial, Helvetica, sans-serif;
        color: #333300;
        background-color: #85803A;
              }
body p      {
        font-size:0.8em;
        left: 20px;
        clear: both;
        float: none;
        height: auto;
        width: auto;
        padding-left: 5px;
              }
img#banner          {
        position:absolute;
        left:25px;
        top:28px;
        width: 971px;
        height: 176px;
        background-color: #4D4B33;
        border: medium outset #81743F;
              }
div#logins {
        background-color: #4D4B33;
        position:absolute;
        left:25px;
        top:225px;
        width: 256px;
        height: 201px;
        border: medium outset #81743F;
}

h2          { font-size:1.2em;
              }
mfg Maik
 
Das ist mir klar die nutze ich auch nur um das CSS zu navigieren und in den einzelnen bereichen wie logins dann meine seite zu intregieren

hb ich da einen Gedankencrash oder wie seh ich das ?

wenn ich einen code schreibe wie
HTML: 
<bumbumbum>***</bumbumbum>
sollte das fragment im CSS unter den namen

bumbumbum {
}
doch den bereich *** füllen und positionieren oder ?
 
Bitte schau dir in der Übersicht der HTML-Elementreferenz an, welche Elemente überhaupt zur Verfügung stehen.

Dann sollte es auch mit ihrer CSS-Formatierung keine Probleme geben.

mfg Maik
 
Gut Danke

Du hattest vollkommen recht

der Browser Spukt nun die Daten so aus wie ich sie mit beim Dreamwaver zusammenstelle

div# war das was ich nicht als so wichtig ersehen habe

Danke dir
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück