DIVs werden im IE nicht angezeigt

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

Autor dieses Themas

flair-beltheim hat kostenlosen Webspace.

16:30, 17.2.2011

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

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

karpfen hat kostenlosen Webspace.

16:38, 17.2.2011
In meinem IE 7 und IE 8 wird alles so angezeigt wie im Firefox 3. Browsercache mal löschen?
Autor dieses Themas
flair-beltheim

flair-beltheim hat kostenlosen Webspace.

16:50, 17.2.2011
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
karpfen

karpfen hat kostenlosen Webspace.

16:56, 17.2.2011
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.
~~r***e~~

17:03, 17.2.2011
Bei mir wird im IE eig. auch alles richtig angezeigt, baer nach dem Validator musst du in der ersten Zeile die Umlaute entfernen.
Autor dieses Themas
flair-beltheim

flair-beltheim hat kostenlosen Webspace.

18:43, 17.2.2011
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
karpfen

karpfen hat kostenlosen Webspace.

18:44, 17.2.2011
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.
Autor dieses Themas
flair-beltheim

flair-beltheim hat kostenlosen Webspace.
19:30, 17.2.2011
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

club-shopping

club-shopping hat kostenlosen Webspace.

20:05, 19.2.2011

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.

Autor dieses Themas
flair-beltheim

flair-beltheim hat kostenlosen Webspace.

22:39, 19.2.2011
leider hat das das problem nicht gelöst... ;(
das ist doch echt zum junge hunde kriegen...
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!

kostenloser Webspace werbefrei: lima-city