Ergebnis 1 bis 8 von 8

Thema: alles verschoben im IE und opera

  1. #1
    Unregistriert
    Gast

    Standard alles verschoben im IE und opera

    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-Code:
    <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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: alles verschoben im IE und opera

    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.

  3. #3
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

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

    Wie soll es denn eigentlich aussehen?

  4. #4
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

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

    Was zum klicken

    HTML-Code:
    <!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>
    PS: Für Anmerkungen bin ich immer bereit, also her damit :D
    Geändert von thilda (06.04.2009 um 13:49 Uhr) Grund: Code wurde aufgewertet

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

    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.
    p {
    float: right;
    width: 230px;
    margin: 100px 0 0 0;
    padding: 0;
    }

  6. #6
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

    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.

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

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

  8. #8
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: alles verschoben im IE und opera

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

Ähnliche Themen

  1. Anzeige im Opera bzw. im IE / Scrollbar leicht verschoben
    Von G-Bay im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 17.04.2007, 18:00
  2. FireFox und Safari TipTop - IE alles verschoben
    Von MarcPM80 im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 06.03.2007, 08:56
  3. tabelle verschoben
    Von jogisarge im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.02.2007, 11:35
  4. Hintergrund verschoben
    Von odyssee im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 13.09.2005, 13:40
  5. OPERA... alles OK... ABER....
    Von Unwissender im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.01.2005, 15:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •