alles verschoben im IE und opera

Unregistriert

Hi
ich habe eine problem...
unzwar sind teile meiner seite total verschoben, aber nur im Internet Explorer und in Opera.

Ich hoffe ihr koennt mir helfen....
ich habe schon 2 tage nach einem fehler gefunden und konnte keinen finden

Vielen vielen Dank.

Hier der Code:

HTML

<form action="index.php?site=Login" method="post" name="login">
	<table align="center" cellpadding="0" cellspacing="0" border="0">
		<tr>
        	<td>


				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td style="background:url(Bilder/index_02.jpg)" width="749" height="107"></td>
						<td>
							<table border="0" cellpadding="0" cellspacing="0">


								<tr>
									<td style="background:url(Bilder/index_03.jpg)" width="108" height="35"></td>
									<td rowspan="3" colspan="3" style="background:url(Bilder/index_04.jpg)" width="36" height="67"></td>
								</tr>


								<tr>
									<td width="108" height="15">
                                    	<input type="text" name="username" style="background:url(Bilder/index_06.jpg); border:0 none; font-size:10px; width:106px; height:13px;" maxlength="20" />
                                	</td>
                                </tr>


								<tr>
                                	<td style="background:url(Bilder/index_07.jpg)" width="108" height="17"></td>
                                </tr>


								<tr>
                                	<td width="108" height="15">
                                    	<input type="password" name="passwort" style="background:url(Bilder/index_06.jpg); font-size:10px; width:106px; height:13px;" maxlength="20" />
                                    </td>
									<td style="background:url(Bilder/index_09.jpg)" width="5" height="15"></td>
									<td style="background:url(Bilder/index_10.jpg)" width="21" height="15">
                                    	<a href="javascript: send();"><img src="Bilder/spacer.gif" width="21" height="15" border="0" alt="login" /></a>
									</td>
									<td style="background:url(Bilder/index_11.jpg)" width="10" height="15"></td>
                                </tr>


								<tr>
                                	<td style="background:url(Bilder/index_12.jpg)" width="108" height="25"></td>
									<td colspan="3" style="background:url(Bilder/index_13.jpg)" width="36" height="25"></td>
                                </tr>
							</table>
						</td>
					</tr>
          		</table>
			</td>
       	</tr>
		<tr>
        	<td>
				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td style="background:url(Bilder/index_14.jpg)" width="10" height="17"> </td>
						<td style="background:url(Bilder/startseite.png)" width="67" height="17">
                        	<a href="index.php"><img src="Bilder/spacer.gif" width="67" height="17" border="0" alt="startseite" /></a>
                       	</td>
						<td bgcolor="#ffc000" width="43" height="17"> </td>
						<td width="31" height="17"></td>
						<td bgcolor="#ffc000" width="43" height="17"> </td>
						<td width="98" height="17"></td>
						<td bgcolor="#ffc000" width="44" height="17"> </td>
						<td width="81" height="17"></td>
						<td bgcolor="#ffc000" width="43" height="17"> </td>
						<td width="57" height="17"></td>
    					<td bgcolor="#ffc000" width="41" height="17"> </td>
						<td style="background:url(Bilder/faq.jpg)" width="47" height="17">
                        	<a href="index.php?site=FAQ"><img src="Bilder/spacer.gif" width="47" height="17" border="0" alt="FAQ" /></a></td>
    					<td bgcolor="#ffc000" width="18" height="17"> </td>
   						<td style="background:url(Bilder/impressum.png)" width="74" height="17">
                        	<a href="index.php?site=Impressum"><img src="Bilder/spacer.gif" width="74" height="17" border="0" alt="Impressum" /></a>
                       	</td>
						<td style="background:url(Bilder/rahmen.png); font-size:10px" align="center" width="196" height="17"><? if(isset($_SESSION['id'])) { echo "<a href=\"index.php?site=logout\">Logout</a>"; } ?>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</form>

Alles anzeigen

threadi

Und wo ist der Rest vom Code? Der wäre wichtig um eine Fehldarstellung zu analysieren. Und validiere mal deinen Code um sicherzugehen, dass es keine HTML-Fehler gibt.

thilda

Das ist ne ganze menge code für so ein kleines Menu.

Wie soll es denn eigentlich aussehen?

thilda

Hier mal etwas was dir vielleicht mehr weiterhilft als das ganze hin und her...

Was zum klicken

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <meta name="author" content="Mathilda Nitsch">
   <meta name="date" content="2009-04-06">
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="cache-control" content="no-cache">


   <title>Test-Menu</title>


<style type="text/css">
body {
   font-family: Arial, Helvetica;
   font-size: 12px;
   color: #000;
}
div#kopf {
   background: url(test.png) no-repeat; /*Testbild ist mit 700x100 Pixel angesetzt*/
   border: 6px double gray;
   height: 160px;
   margin: 0;
   padding: 0;
}
p.suche {
   float: right;
   width: 230px;
   margin: 100px 0 0 0;
   padding: 0;
}
p input {margin: 0 5px;}
hr {
   clear: both;
   display: none;
   margin: 0;
   padding: 0;
}
ul.menu {
   float: left;
   width: 100%;
   list-style-type: none;
   margin: 15px 0 0 0;
   padding: 0;
}
ul.menu li {
   float: left;
   margin: 0 20px;
   padding: 0;
}
</style>
</head>
<body>
   <div id="kopf">
      <form action="index.php" method="get">
         <p class="suche"><input type="text" name=""><input type="submit" name="" value="suchen"></p>
         <ul class="menu">
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
            <li>Link 5</li>
            <li>Link 6</li>
            <li>Link 7</li>
            <li>Link 8</li>
            <li>Link 9</li>
            <li><input type="submit" value="Logout"></li>
         </ul>
         <hr>
      </form>
   </div>
</body>
</html>

Alles anzeigen

PS: Für Anmerkungen bin ich immer bereit, also her damit

sejuma

Du hast keine Schriftart und keine Schriftgrößen hinterlegt.
So werden die browserseitigen Einstellungen verwendet und die können voneinander abweichen.
Am besten im body hinterlegen.

Auch könnte es nützlich sein, die Abstände zu resetten und dann neu zu definieren: http://www.ohne-css.gehts-gar.net/0037.php

Noch ein anderer Hinweis:
Diese Angabe halte ich generell für p zu riskant. Damit werden nämlich alle Absätze rechts gefloatet und nebeneinander angeordnet.

Zitat

p {
float: right;
width: 230px;
margin: 100px 0 0 0;
padding: 0;
}

thilda

Womit du natürlich recht hast aber ich hatte es anfänglich so gedacht das das nur ein Gerüst/Anschauungsexemplar ist und natürlich noch vom Endnutzer abgendert wird. Mit einmal drüber schlafen und deinem post ist mir klar das das so nicht machbar ist.

Deswegen habe ich den Code oben einfach schonmal aufgewertet.
Zu dem generellen Reset...
Da derzeit alle Elemente ihre eigenen Angaben bekommen haben sehe ich darin erstmal kein Problem. Drüber nachdenken kann man aber sicherlich, eine gute Idee ist es auf jeden fall. Ich werde mir das mal durch den Kopf gehen lassen.

sejuma

Damit der Kopf-Rahmen auch im FF angezeigt wird, ersetze bitte noch
grey durch gray.

thilda

Hupala, kleiner Schusselfehler. Komme damit (leider) immer etwas durcheinander.

Tags