kostenloser Webspace werbefrei: lima-city

Problem bei Firefox CSS

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

abstand aufgefallen bild code dank datei empfehlen ersten post fehler grad hintergrundbild http internet kleine problem konsole opus sache schau tip zuviel
  1. Autor dieses Themas

    youtvti

    youtvti hat kostenlosen Webspace.

    10:27, 9.4.2014
    ich habe kleine Problem
    ich habe Seite aufgebaut.Bei Opera Chom zeigt er normal an wie ich will
    und bei Firefox und Internet Explorer ist verschoben nach unter

    <style type="text/css">
	html, body {
		width:100%;
		height:100%;
		margin:0px;
		padding:0px;
		overflow:visible;
		text-align:center;
		font-family:Helvetica, Arial, sans-serif;
	}
	table {
		margin:0px auto;
	}
	td {
		text-align:center;
		vertical-align:top;
	}
	input {
		width:100px;
	}
	body > img {
		width:100%;
		height:100%;
	}
	body > div {
		width:100%;
		height:100%;
		overflow:auto;
		position:absolute;
		top:0px;
		left:0px;
	}
	body > div > table {
		width:1000px;
		height:100%;
		margin:0px auto;
	}
	header {
		text-align:left;
	}
	header p {
		font-weight:bold;
	}
	header table {
		width:100%;
		color:#00ff0f;
	}
    h5{
    position:absolute;
    left:880px;
    top:10px;
    text-shadow: 0px 0px 0px #202020, 1px 1px 0px #fff;
    }
	header input{
	   width: 100px;
	}
    .button { 
        cursor:hand; 
        font-family: Arial; 
        color:#FFCC99; 
        background-color: #336699; 
        border-color:#000000; 
        border-style: inset 
    }
    hr{
      position:absolute;
      left:0px;
      top:0px;  
    }
    nav {
        font: normal 100.01% Helvetica, Arial, sans-serif;
        color: red; background-color: #F7F7F7;
    }
    div#Rahmen {
        width: 47.1em;
        padding: 0.1em;
        background-color: grey;
    }
    * html div#Rahmen {  /* Korrektur fuer IE 5.x */
        width: 28.7em;
        w\idth: 47.1em;
    }
        div#Rahmen div {
        clear: left;
    }
    ul#Navigation {
        margin: 0; padding: 0;
        text-align: center;
    }
    ul#Navigation li {
        list-style: none;
        float: left;
        width: 8.6em;
        position: relative;
        margin: 0.4em; padding: 0;
    }
    * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
        margin-bottom: -0.4em;
    }
    *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
        margin-bottom: -0.1em;
    }
    ul#Navigation li ul {
        margin: 0; padding: 0;
        position: absolute;
        top: .7em; left: -0.4em;
    }
    * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
        left: -1.5em;
        lef\t: -0.4em;
    }
    ul#Navigation li ul li {
        float: none;
        display: block;
        margin-bottom: 0.1em;
    }
    ul#Navigation a, ul#Navigation span {
        display: block;
        padding: 0.2em 0.1em;
        text-decoration: none; font-weight: bold;
        border-left-color: red; border-top-color: #E1E3E1;
        color: blue; background-color: #E1E3E1;
    }
    * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
        width: 100%;
        w\idth: 6.4em;
    }
    ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
        border-color: #E1E3E1;
        border-left-color: black; border-top-color: black;
        color: blue; background-color: yellow;
    }
    li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
        color: maroon; background-color: transparent;
    }
    ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
        background-color: transparent;
    }
    ul#Navigation li>ul {
        display: none; top: 1.6em;
    }
    ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
        display: block;
    }
    *:first-child+html ul#Navigation ul {
        background-color:transparent; padding-bottom:0.4em;
    }
    aside h4 {
   		color: #00feff;
       	text-decoration: none;
        background:transparent;
      	color:#00ff0f;
	}
	aside p {
		font-weight:bold;
        text-align: left;
	}
    article {
		text-align:center;
		width:800px;
		padding:auto;
		background-image:url(/images/alpha.png);
		-moz-border-radius:10px;
		-khtml-border-radius:30px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	#seitenbox{
		text-align:center;
		padding:60px;
		background-image:url(/images/alpha1.png);
		border:1px solid #888;
		-moz-border-radius:10px;
		-khtml-border-radius:30px;
		-webkit-border-radius:10px;
		border-radius:10px;	
	}
	footer {
   		text-align: center;
     	color:#F73A3A;			
	}
    h4{
        color:red;
    }
	form table {
		width:auto;
	}
	form table td {
		text-align:left;
	}
</style>


    Danke

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. c143

    c143 hat kostenlosen Webspace.

    12:29, 9.4.2014
    Der Abstand oben liegt nicht am CSS, sondern daran, dass du ein Bild eingebunden hast.
    <img src="images/Hintergrund.jpg" alt="">

    Ein Hintergrundbild wird anders eingebunden. Wenn du dies herauslöschst, merkst du, dass der Abstand weg geht.

    Beitrag zuletzt geändert: 9.4.2014 12:29:27 von c143
  4. Autor dieses Themas

    youtvti

    youtvti hat kostenlosen Webspace.

    12:47, 9.4.2014
    ich habe Bild herausgelöscht:

    aber zeigt immer noch kosmisch an :wall:

    nav und andre sachen?

  5. c143

    c143 hat kostenlosen Webspace.

    13:08, 9.4.2014
    Ja, das ist mir auch aufgefallen, aber du hast im ersten Post nur nach dem Abstand gefragt. Als Tip: Öffne doch mal die Firefox Konsole, mit der kommt man eigentlich auf jeden Fehler. Ich kann grad nicht, hab nacher eine wichtige Prüfung, aber vielleicht schau ich noch am Abend rein. Versuchs doch aber mal selbst, ist eine gute Übung.
  6. Autor dieses Themas

    youtvti

    youtvti hat kostenlosen Webspace.

    13:36, 9.4.2014
    OK Danke ich probiere zuerst selber

  7. mein-wunschname

    mein-wunschname hat kostenlosen Webspace.

    13:55, 9.4.2014
    Geht es um die Datei seitenkopf.php?

    Du solltest auf jeden Fall einen DOCTYPE reinnehmen:

    <!DOCTYPE html>


    Außerdem ist jeweils eine <td></td>-Verschachtelung zuviel in

    <td>
																						<td><a href="index.php"><img src="images/Logo.jpg" width="200px" height="30" alt=""></a></td>
										</td>


    und
    <td>
											<td><a href="../index.php">Startseite</a></td>											</td>


    Ich würde dir empfehlen, zuerst eine komplette Seite für den Designtest aufzubauen und die auch jeweils mit

    http://validator.w3.org

    zu prüfen.



  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!