kostenloser Webspace werbefrei: lima-city


DIVs werden im IE nicht angezeigt

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    flair-beltheim

    flair-beltheim hat kostenlosen Webspace.

    Hallo ihr lieben,

    ich sitze jetzt schon seit Stunden davor und komm einfach nicht weiter... ;(
    Meine Page (flair-beltheim.de) wird im FF perfekt angezeigt.
    Und im IE? Nur mist!!!
    Das komplette Menü ist im IE verschwunden.

    Hier mal der Code:
    index.php
    <!-- HEADER: Logo, Slogan, Titelbild -->
    <!DOCTYPE html
      PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html40/strict.dtd">
    <html>
    <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <meta name="author" content="Anna Norbisrath">
       <meta name="description" content="Die beste Party giebt es im Flair, Hakke, Gabber">
       <meta name="keywords" content="Party, Gastst�tte, Feiern, Familien Feste, Veranstaldungen, Beltheim, Kastellaun, Simmern, Flair-Beltheim, Feste-Beltheim, Party-Beltheim, HAKKE, Gabber">
       <title>Flair-Beltheim - Die Kneipe mit Flair</title>
    
       <link rel="stylesheet" type="text/css" media="all" href="colorsheme.css">
       <link rel="stylesheet" type="text/css" media="all" href="main.css">
       <link rel="stylesheet" type="text/css" media="all" href="style.css">
       </head>
       <body id="main_body">
       <div id="container">
       <div id="header">
       <div id="key_visual">
       <div id="slogan">Die Kneipe mit Flair</div>
    
    <!-- REG_LOG: Registrierung und Login -->
    <!-- nicht anzeigen, wenn schon eingeloggt... -->
       <div id="register">
       <a class="main_nav_item" href="members.php" id="mni2" shape="rect">login</a>&nbsp;&nbsp;&nbsp;
       <a class="main_nav_item" href="reg.php" id="mni2" shape="rect">registrieren</a>
       </div>
       </div>
       <div id="logo">
    
       <img src="images/logo.jpg"><br>
       </div>
       </div>
    <!-- MENU: Hauptmen� -->
    
       <div id="main_nav_container">
       <ul id="main_nav_list">
       <li><a class="main_nav_active_item" href="index.php" shape="rect">Home</a></li>
       <li><a class="main_nav_item" href="news.php" shape="rect">NEWS</a></li>
    
       <li><a class="main_nav_item" href="flair.php" shape="rect">Flair</a></li>
       <li><a class="main_nav_item" href="castlecore.php" shape="rect">Castlecore</a></li>
       <li><a class="main_nav_item" href="eventcompany.php" shape="rect">Event Company</a></li>
       <li><a class="main_nav_item" href="events.php" shape="rect">Events</a></li>
       <li><a class="main_nav_item" href="karten.php" shape="rect">Kartenvorbestellung</a></li>
       <li><a class="main_nav_item" href="buchen.php" shape="rect">Buchen</a></li>
    
       </ul>
       </div>
       <div id="main_nav_container">
       <ul id="main_nav_list_2">
       <a class="main_nav_item_2" href="impressum.php" shape="rect">Impressum</a>
       <li><a class="main_nav_item_2" href="empfehlen.php" shape="rect">Seite weiterempfehlen</a></li>
       <li><a class="main_nav_item_2" href="links.php" shape="rect">Links</a></li>
    
       <li><a class="main_nav_item_2" href="guest.php" shape="rect">G&auml;stebuch</a></li>
       <li><a class="main_nav_item_2" href="members.php" shape="rect">MembersArea</a></li>
       </ul>
       </div>
    <!-- NEWSTICKER -->
    
       <div id="news_container">
       <marquee scrollamount="3" scrolldelay="10">
    
       Am 19.02.2011 Minimal  Techno Party ab 21:00 von 21uhr bis 23uhr ALLE Getränke für 1€ (ausser Schnäpse) ---------Am 05.03.2011 ab 21:00 Uhr Hardcore  Faschings Party.   </marquee>
       </div>
    <!-- SUB MENU: Untermen� wie �ffnungzeiten, Preisliste usw... -->
       <div id="main_container">
       <table id="layout_table">
       <tr>
       <td colspan="1" id="sub_nav_column" rowspan="1">
       <div id="left_column_container">
       <div class="sub_nav_container">
    
      <ul class="sub_nav_list" id="sub_nav_list1">
       <li>
       <a class="sub_nav_item" href="team.php" id="sni2" shape="rect">
       Team</a>
       </li>
       <li>
       <a class="sub_nav_item" href="zeiten.php" id="sni2" shape="rect">
       &Ouml;ffnungszeiten</a>
    
       </li>
        <li>
       <a class="sub_nav_item" href="planer.php" id="sni2" shape="rect">
       Routenplaner</a>
       </li>
       <li>
       <a class="sub_nav_item" href="preise.php" id="sni2" shape="rect">
       Unsere Preise</a>
    
       </li>
       </ul>
       </div>
       </div>
       </td>
       
    <!-- CONTENT: Seiteninhalt -->
       <td colspan="1" id="content_column" rowspan="1">
       <div id="sub_container2">
       <div class="content" id="content_container">
    
       <div id="text_header">
    <br clear="all">
    
    <!-- TITEL: Titel der aktuellen Seite -->
    <br clear="all">Herzlich Willkommen
    <br><br><br><br>
    </div>
    
    <!-- TEXT: Text der aktuellen Seite -->
    <div>
    
    auf der Website vom
    <div>
    <img src="images/logo_big.jpg"><br><br><br>
    </div>
    <div>
    
    Wir vom Flair-Team w&uuml;nschen euch viel Spa&szlig; auf unserer Seite und freuen uns auf einen baldigen Besuch in unserem Lokal!
    <br><br></div><div><hr><hr></div><br>
    Wenn eure Wochenenden langweilig und fade sind...
    dann m&uuml;sst ihr sie pimpen...
    und zwar mit unseren Partys!
    <br><br>
    Wir veranstallten viele verschiedene Events, von XXL-Essen bis hin zu unterschiedlichen Musik-Veranstaltungen...
    <br><br>
    Bei Uns gibt es alles was man(n) braucht...
    <br><br><br>
    Wir sehen uns im:
    <br><br>
    <b>Flair Beltheim<br>
    Raiffeisenstrasse 1<br>
    
    56290 Beltheim<br></b></div>
    <br><br><br>
    <a id='912409-skoom' href='http://www.skoom.de/gratis-counter/'>Counter</a><script type="text/javascript" language="JavaScript" src="http://www.skoom.de/gratis-counter/grey.php?id=912409"></script>
    <div>
    <br><br><br>
    </div>
    <div>
    </div>
    </div>
    </div>
    </td>
    </tr>
    </table>
    </div>
    
    <!-- FOOTER: Copyright und Optimierungshinweis -->
    
    <div id="footer">
    <div id="footer_text">
    &copy;2011 <a href="mailto:anna_norbisrath@yahoo.de">Anna Norbisrath (Theme based on Colorscheme 7 by Schlund + Partner AG)</a>&nbsp;&nbsp;&nbsp;Optimiert f&uuml;r eine Aufl&ouml;sung von 1280x1024 im Firefox
    </div>
    </div>
    </div>
    <!-- wfxbuild / 1.0 / layout6-116-1 / 2010-07-25 20:02:15 CEST-->
    </body>
    </html>


    css-datei
    #news_container {
    	position: relative;
    	left: 88px;
    	width: 823px;
    }
    
    body#main_body {
        margin: 0;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
    
    /*-- global container ------------------------------------------------------*/
    
    #container {
        position: relative;
        padding: 0px;
        margin: 0px auto;
        text-align: left;
        width: 1000px;
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    #header {
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 0px 83px 0px 83px;
        width: 834px;
        height: 138px;
        top: 0px;
        left: 0px;
    }
    
    #main_container {
        position: relative;
        padding: 0px;
        /*margin: -75px 20px 20px 20px;*/
    
        margin: 0px 89px 0px 87px;
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    #layout_table {
        border-collapse: collapse;
        border-width: 0px;
        padding: 0px;
        margin: 0px;
    }
    
    #sub_nav_column {
        vertical-align: top;
        padding: 0px;
        margin: 0px;
    }
    
    #content_column {
        vertical-align: top;
    	align: left;
    }
    
    #left_column_container {
        top: 0px;
        left: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    #sub_container1 {
        margin: 0px 3px 0px 6px;
        padding: 25px 0px 0px 0px;
        width: 156px;
    }
    
    #sub_container2 {
        margin: 0;
        padding: 23px 33px 45px 11px;
        width: 613px;
    }
    
    #content_container {
        overflow: hidden;
        margin: 0px;
        padding: 0;
        width: 613px;
    }
    
    /*--- key visual -----------------------------------------------------------*/
    
    #key_visual {
        /*clear: both;*/
    
        position: relative;
        top: 0px;
        left: 0px;
        width: 834px;
        height: 138px;
        /*margin-left: 261px;*/
    
    }
    
    /*--- login (as text or background image) ---------------------------------*/
    
    #login {
        position: absolute;
        top: 74px;
        left: 12px;
        padding: 1px 9px 0px 11px;
        width: 100px;
        height: 22px;
        text-align: left;
        voice-family: "\"}\"";
        voice-family: inherit;
        /*margin-left: 209px;*/
    
    }
    
    #login2 {
        position: absolute;
        top: 174px;
        left: 409px;
        padding: 1px 9px 0px 11px;
        width: 100px;
        height: 22px;
        text-align: left;
        voice-family: "\"}\"";
        voice-family: inherit;
        /*margin-left: 209px;*/
    
    }
    
    /*--- login (as text or background image) ---------------------------------*/
    
    #register {
        position: absolute;
        top: -5px;
    	right: 50px;
        text-align: right;
        voice-family: "\"}\"";
        voice-family: inherit;
        /*margin-left: 209px;*/
    
    }
    
    /*--- slogan (as text or background image) ---------------------------------*/
    
    #slogan {
        position: absolute;
        top: 15px;
        left: 350px;
        padding: 1px 9px 0px 11px;
        width: 814px;
        height: 22px;
        text-align: left;
        voice-family: "\"}\"";
        voice-family: inherit;
        /*margin-left: 209px;*/
    
    }
    
    html>body #slogan {
        width: 814px;
    }
    
    /*--- logo -----------------------------------------------------------------*/
    
    #logo {
        /*background: url(images/dynamic/logo.gif) no-repeat;*/
    
        background-repeat: no-repeat;
        width: 164px;
        height: 98px;
        position: absolute;
        top: 15px;
        left: 0px;
    }
    
    /*--- main navigation ------------------------------------------------------*/
    
    #main_nav_container {
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 0;
        padding: 0px 5px 0px 5px;
        margin: 0 103px 0px 103px;
        width: 824px;
        /*height: 25px;*/
        overflow: hidden;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 25px;
    }
    
    html>body #main_nav_container {
        /*width: 555px;*/
    
    }
    
    #main_nav_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 25px;
    }
    
    #main_nav_list li {
        margin: 0px 0 0px 0;
        padding: 0px 0 0px 0;
        float: left;
        height: 25px;
    }
    #sub_nav_list li {
        margin: 0px 0 0px 0;
        padding: 0px 0 0px 0;
        float: left;
        height: 25px;
    }
    #main_nav_list_2 {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 25px;
    }
    
    #main_nav_list_2 li {
        margin: 0px 0 0px 0;
        padding: 0px 0 0px 0;
        float: right;
        height: 25px;
    }
    
    /*--- main navigation items ------------------------------------------------*/
    
    #main_nav_list a {
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        /*padding: 3px 19px 2px 10px;*/
    
        padding-left: 13px;
        padding-right: 33px;
        display: block;
        voice-family: "\"}\"";
        voice-family: inherit;
        background-position: center right;
        background-repeat: no-repeat;
        float: left;
    }
    #main_nav_list_2 a {
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        /*padding: 3px 19px 2px 10px;*/
    
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        voice-family: "\"}\"";
        voice-family: inherit;
        background-position: center right;
        background-repeat: no-repeat;
        float: left;
        height: 25px;
    }
    
    html>body #main_nav_list a {
        /*height: 38px;*/
    
    }
    
    a.main_nav_item {
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    
    a.main_nav_item:hover {
        background: transparent;
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    a.main_nav_item_2 {
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    
    a.main_nav_item_2:hover {
        background: transparent;
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    
    a.main_nav_active_item {
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    a.main_nav_active_item_2 {
        line-height: 29px;
        text-align: center;
        height: 29px;
    }
    
    /*--- container for the subnavigation --------------------------------------*/
    
    .sub_nav_container {
        top: 0px;
        line-height: 0;
        margin: 30px 28px 0px 19px;
        padding: 23px 0px 0px 0px;
        width: 50px;
    }
    
    /*--- subnavigation --------------------------------------------------------*/
    ul#sub_nav_list1 li{
    	display: inline;
    }
    
    .sub_nav_list {
        position: absolute;
    	top: 20px;
        border: 0;
        margin: 0px 0px 0px 0px;
        padding: 0;
        list-style-type: none;
    	display: inline;
    }
    
    .sub_nav_list li {
        clear: both;
        margin: 0px 0 5px 0;
        padding: 0;
    	display: inline;
    }
    
    /*--- subnavigation items --------------------------------------------------*/
    
    .sub_nav_list a {
        overflow: hidden;
        padding-left: 7px;
        padding-right: 7px;
        display: block;
        voice-family: "\"}\"";
        voice-family: inherit;
        background-position: top;
        background-repeat: no-repeat;
    	display: inline;
    }
    
    html>body .sub_nav_list a {
        /*width: 165px;*/
    	display: inline;
    
    }
    
    a.sub_nav_item {
        text-align: center;
    	display: inline;
    }
    
    a.sub_nav_item:hover {
        text-align: center;
    }
    
    a.sub_nav_active_item {
        text-align: center;
    }
    
    /*--- footer ---------------------------------------------------------------*/
    
    #footer {
        margin: 0px 89px 0px 87px;
        padding: 0;
        width: 824px;
        height: 108px;
        clear: both;
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    #footer_text {
        width: 791px;
        height: 28px;
        padding: 77px 13px 3px 20px;
        margin: 0 0px 0px 0px;
        text-align: left;
    }
    
    /*----------------------------------------------------------------------------
      default-styles for .content html-elements
    ----------------------------------------------------------------------------*/
    
    /*--- paragraph ------------------------------------------------------------*/
    
    .content {
    	text-align: center;
        font-family: Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        margin: 5px 0 20px 0;
        padding: 0;
        line-height: 1.3;
    }
    
    .content p {
        margin: 5px 0 20px 0;
        padding: 0;
        line-height: 1.3;
    }
    
    .content table {
        font-family: Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        margin: 0px 0px 15px 1px;
        border-style: solid;
        border-width: 1px;
        border-spacing: 0;
        border-left: 1px solid;
        border-top: 1px solid;
        border-collapse: collapse;
    }
    
    .content select {
        font-family: Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
    }
    
    .content input {
        font-family: Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        border-style: solid;
        border-width: 1px;
    }
    
    .content textarea {
        font-family: Tahoma;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        border-style: solid;
        border-width: 1px;
    }
    
    /*--- headings -------------------------------------------------------------*/
    
    /*--- links ----------------------------------------------------------------*/
    
    .content a {
        font-family: Tahoma;
        font-size: 100%;
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
    }
    
    /*--- tables ---------------------------------------------------------------*/
    
    .content th {
        border-right: 1px solid;
        border-bottom: 1px solid;
        padding: 3px 5px 3px 5px;
    }
    
    .content td {
        border-right: 1px solid;
        border-bottom: 1px solid;
        padding: 3px 5px 3px 5px;
    }
    
    .content tr.odd {
        padding: 3px 2px 3px 2px;
    }
    
    .content tr.even {
        padding: 3px 2px 3px 2px;
    }
    
    /*--- forms ----------------------------------------------------------------*/
    
    .content fieldset {
        padding: 15px;
        border-style: solid;
        border-width: 1px;
    }
    
    /*--- lists ----------------------------------------------------------------*/
    
    /*--------------------------------------------------------------------------*/


    Endschuldigt bitte den vielen Code, aber ich weiß echt nicht mehr weiter... *seufz*
    Ich bin total am Verzweifeln...

    Gruß (und schon mal vielen Dank)
    Feya
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. In meinem IE 7 und IE 8 wird alles so angezeigt wie im Firefox 3. Browsercache mal löschen?
  4. Autor dieses Themas

    flair-beltheim

    flair-beltheim hat kostenlosen Webspace.

    Merkwürdig...
    Im IE6 bekomm ich folgende Anzeige: http://www.flair-beltheim.de/tmp/ie6.jpg
    und im FF 3.6 folgende Anzeige (die auch so sein soll!!!): http://www.flair-beltheim.de/tmp/ff3.6.jpg

    Im IE8 von meinem Bekannten wird nur das obere Menü
    * Home
    * NEWS
    * Flair
    * Castlecore
    * Event Company
    * Events
    * Kartenvorbestellung
    * Buchen

    * Impressum Seite weiterempfehlen
    * Links
    * Gästebuch
    * MembersArea

    angezeigt...
    Das ist doch echt merkwürdig...
    Was mach ich denn da?
    Immer dieser Mist mit den verschiedenen Browsern... *seufz*

    Browsercache leeren nützt leider absolut gar nichts...
    Wie wird es denn bei dir angezeigt?

    Gruß
    Feya

    Beitrag zuletzt geändert: 17.2.2011 16:51:15 von flair-beltheim
  5. Der IE6 ist total veraltet und zudem ein wirklicher Spezialfall. Man könnte unter Umständen die IE6-User vernachlässigen, da diese sowieso stetig zurückgehen.

    Wie gesagt, bei mir wird die Seite sowohl im IE7 und 8 als auch im Firefox vollkommen identisch angezeigt. Du solltest die CSS-Datei validieren:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.flair-beltheim.de%2Fstyle.css&profile=css21&usermedium=all&warning=1&lang=de

    Die Fehler abarbeiten und dann weiterschauen. Auch Quellcode sollte per Validator kontrolliert werden.
  6. Bei mir wird im IE eig. auch alles richtig angezeigt, baer nach dem Validator musst du in der ersten Zeile die Umlaute entfernen.
  7. Autor dieses Themas

    flair-beltheim

    flair-beltheim hat kostenlosen Webspace.

    Ja, bin grad am bearbeiten mit dem Validator... Vielen Dank schonmal.
    Wusste gar nicht, dass es solch ein Tool gibt. ;)
    Wenns danach immer noch nicht funktioniert, dann meld ich mich nochmal!

    Gruß
    Feya
  8. Wichtiger als die CSS-Datei wäre dies:

    http://validator.w3.org/

    Aber da musst du noch in Zeile eins die Umlaute rauswerfen, sonst validiert es nicht.
  9. Autor dieses Themas

    flair-beltheim

    flair-beltheim hat kostenlosen Webspace.

    also hab das html jetzt mit http://validator.de.selfhtml.org/validate validiert
    http://validator.w3.org/ hat irgendwelche probleme damit... ich weiß auch nicht, was der da will, der meint, dass in zeile 9 ein unerlaubtes zeichen wäre. da ist aber nichts... nun ja, da wo ichs jetzt validiert hab, da gibt es nur noch folgenden fehler:
    Zeile	Spalte:	13
    66	Fehler:	Im Element `marquee` ist das Attribut `SCROLLAMOUNT` nicht erlaubt.
     	Fehlerstelle:	
    
    <marquee scrollamount="3" scrolldelay="10"> 
    
    
     	
    Spalte:	30
    Fehler:	Im Element `marquee` ist das Attribut `SCROLLDELAY` nicht erlaubt.
    Fehlerstelle:	
    
    <marquee scrollamount="3" scrolldelay="10"> 
    
    
     	
    Spalte:	4
    Fehler:	Unbekanntes Element `marquee`. Eine Liste der erlaubten Elemente finden Sie hier.
    Fehlerstelle:	
    
    <marquee scrollamount="3" scrolldelay="10"> 
    
    
    
     
    Zeile	Spalte:	8
    139	Fehler:	Der Wert vom Attribut `ID` ist ungültig, da er nicht mit `9` beginnen darf.
     	Fehlerstelle:	
    
    <a id='912409-skoom' href='http://www.skoom.de/gratis-counter/'>Counter</a><


    das kann ich ja aber auch schlecht wegmachen...
    funktionieren tuts aber immer noch nicht... ;(
    so langsam verzweifle ich echt! *seufz*

    es wäre wirklich klasse, wenn mir jemand weiterhelfen könnte!!!
    ich verzweifel hier total!

    Beitrag zuletzt geändert: 19.2.2011 16:48:42 von flair-beltheim
  10. club-shopping

    club-shopping hat kostenlosen Webspace.

    probier mal ob das
    <div id="main_nav_container">
       <ul id="main_nav_list_2">
       <a class="main_nav_item_2" href="impressum.php" shape="rect">Impressum</a>
       <li><a class="main_nav_item_2" href="empfehlen.php" shape="rect">Seite weiterempfehlen</a></li>
       <li><a class="main_nav_item_2" href="links.php" shape="rect">Links</a></li>
    
       <li><a class="main_nav_item_2" href="guest.php" shape="rect">G&auml;stebuch</a></li>
       <li><a class="main_nav_item_2" href="members.php" shape="rect">MembersArea</a></li>
       </ul>
       </div>

    in so ändern
    <div id="main_nav_container">
       <ul id="main_nav_list_2">
       <li><a class="main_nav_item_2" href="impressum.php" shape="rect">Impressum</a></li>
       <li><a class="main_nav_item_2" href="empfehlen.php" shape="rect">Seite weiterempfehlen</a></li>
       <li><a class="main_nav_item_2" href="links.php" shape="rect">Links</a></li>
    
       <li><a class="main_nav_item_2" href="guest.php" shape="rect">G&auml;stebuch</a></li>
       <li><a class="main_nav_item_2" href="members.php" shape="rect">MembersArea</a></li>
       </ul>
       </div>


    hab das <li><a class="main_nav_item_2" href="impressum.php" shape="rect">Impressum</a></li> element mit li versehen.
  11. Autor dieses Themas

    flair-beltheim

    flair-beltheim hat kostenlosen Webspace.

    leider hat das das problem nicht gelöst... ;(
    das ist doch echt zum junge hunde kriegen...
  12. 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

Login zum Webhosting ohne Werbung!