dieser sch*** internetexplorer

flyingeagle · 27.03.2005, 11:27

hi, ich habe hier jetzt die final meiner seite,

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
    <title>Fitness Oase Eitorf</title>
    
    <link rel="stylesheet" type="text/css" href="main.css"/>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  </head>
  <body>

  <div class="borderTopLeft"></div>
  <div class="borderTopMiddle"></div>
  <div class="borderTopRight"></div>
  <div class="borderLeft"></div>
  <div class="main">
    <div class="logo"></div>
    <div class="navigation">
      <div class="navicon"></div>
      <div class="navitem">[img]team.gif[/img]</div>
      <div class="navitem">[img]oase.gif[/img]</div>
      <div class="navitem">[img]kursplan.gif[/img]</div>
      <div class="navitem">[img]preise.gif[/img]</div>
      <div class="navitem">[img]kontakt.gif[/img]</div>
      <div class="navitem">[img]mitglieder.gif[/img]</div>
      <div class="spacer"></div>
      <div class="advertisment">
        <div class="advIcon"></div>
        <div class="advItem"></div>
      </div>
    </div>
    <div class="content">
      Hier steht spaeter mal der Text der Seite
    </div>
  </div>
  <div class="borderRight"></div>
  <div class="borderBottomLeft"></div>
  <div class="borderBottomMiddle"></div>
  <div class="borderBottomRight"></div>

  </body>
</html>

Code:

body
{
  background-color: #7e7e7e;
  text-align      : center;
}

img
{
  border : 0px;
}
div.main
{
  background-color: #ffffff;
  width           : 582px;
  height          : 678px;
  border          : solid 8px #ffffff;
  margin          : auto auto;
}

div.logo
{
  background-image: url('logo.jpg');
  width           : 582px;
  height          : 285px;
}

div.navigation
{
  width        : 180px;
  height       : 390px;
  border-top   : solid 2px #ffe0ad;
  border-left  : solid 2px #ffe0ad;
  border-right : solid 2px #ffe0ad;
  border-bottom: solid 2px #ffe0ad;
  float        : left;
}

div.content
{
  width : 396px;
  height: 390px;
  border-top   : solid 2px #ffe0ad;
  border-left  : solid 0px #ffe0ad;
  border-right : solid 2px #ffe0ad;
  border-bottom: solid 2px #ffe0ad;
  float        : right;
  /*overflow     : scroll;*/
}

div.navicon
{
  width           : 7px;
  height          : 56px;
  margin-top      : 5px;
  margin-left     : 5px;
  background-image: url('navigation.jpg');
  background-color: #000000;
  float           : left;
}

div.navitem
{
  background-color: #A4A29D;
  height          : 20px;
  border-top      : solid 5px #ffffff;
  border-left     : solid 17px #ffffff;
  border-right    : solid 8px #ffffff;
  padding-left    : 5px;
  color           : #ffffff;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : middle;
}

div.spacer
{
  float           : none;
  background-color: #00ffff;
  background-image: url('spacer.jpg');
  height          : 43px;
  width           : 180px;
  border-top      : solid 2px #ffe0ad;
  border-left     : solid 0px #ffe0ad;
  border-right    : solid 0px #ffe0ad;
  border-bottom   : solid 2px #ffe0ad;
  margin-top      : 10px;
}

div.advertisment
{
  width           : 180px;
  height          : 100px;
  margin-top      : 5px;
  margin-left     : 5px;
}

div.advIcon
{
  width           : 8px;
  height          : 47px;
  background-image: url('offer.jpg');
  float           : left;
}

div.advItem
{
  width           : 164px;
  height          : 169px;
  margin-left     : 11px;
  background-image: url('angebot.jpg');
}

was muss ich tun, damit dieser besch*** browser mit dem blauen e die seite auch korrekt anzeigt?!

Flor1an · 27.03.2005, 11:38

willst du uns nicht nen link geben wo wir uns die seite ankucken können oder das du uns sagst was deiner meinung nicht richtig angezeigt wird?

klar ie ist scheiße aber er zeigt es so an wie ers interpretiert ... !!! und wir können nicht hellsehen!

flyingeagle · 27.03.2005, 13:17

ok, habs mal hochgeladen, hier ist der link

http://www.fitnessoase-eitorf.de/test/

wenn man die seite im mozilla oder opera anguckt, hat man ein schönes tabellendesign menü links, content rechts

der ie packt einfach alles irgendwie untereinander

agrajag · 27.03.2005, 13:55

Ich tippe einfach mal:
Aufgrund des falschem box-model das der IE verwendet reicht der Platz für das "content-div" nicht aus um es neben den anderen zu platzieren - also wird umgebrochen.
(fall su nicht weißt was der box-model-bug ist such mal nach "box-model-hack")

Um mir das genauer anzusehn fehlt mir ehrlichgesagt die Lust mich durch diese div-Suppe durchzuarbeiten...

27.03.2005, 14:46

Ich würd dir anstatt einer schrecklich unübersichtlichen div-Suppe mal ein logisches Markup ans Herz legen:

Grundsätzliches dazu:

http://www.memowe.de/Markup/

imported_Ben · 27.03.2005, 16:15

Zitat:

Zitat von Eddie

unübersichtlichen div-Suppe

Aber hallo

Semantik sollte genauso beachtet werden wie korrekte Syntax

flyingeagle · 27.03.2005, 17:10

was ist daran denn unübersichtlich?! wie sollte ich es besser machen?!

27.03.2005, 17:21

(X)HTML hat so viele Elemente, die kaum jemand nutzt, obwohl sie für entsprechende Anwendungsbereiche geradezu prädestiniert sind, z.B.

<h1>-<h6> für Überschriften
<ul> für unsortierte Listen, wie es ein Menü zum Beispiel ist

für Textabsätze
<blockqoute> für längere Zitate

imported_Ben · 27.03.2005, 17:47

Du nutzt für alles <div> und im nächsten Schritt würde dann <span> kommen. Das ist aber nicht Sinn der Sache.

Les mal auf den einschlägig bekannten Seiten nach.

z.B.

Eddies Link

http://w3.org/MarkUp/

http://de.selfhtml.org/

http://jendryschik.de/wsdev/einfuehrung/

usw. usf.

Baltasar · 27.03.2005, 18:57

was mir auch so auf den ersten blick auffällt ist dass du bei den class-namen groß-klein-schreibung verwendet hast...darauf würd ich verzichten und gerell alles klein schreiben, dann ansonsten können manche browser mit diesen case-sensitiven angaben durch aus ihre probleme kriegen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Internetexplorer <input type="image"... und $_P	DonTermi	PHP Tipps 2007	3	08.12.2005 15:09
(f)PDF: Internetexplorer streikt		PHP Tipps 2005	11	09.04.2005 22:03
Anzeigefehler im InternetExplorer		HTML, Usability und Barrierefreiheit	7	22.03.2005 14:10
Internetexplorer VS Firefox		HTML, Usability und Barrierefreiheit	9	02.11.2004 15:37
Verlassen? Enter?		Off-Topic Diskussionen	10	01.07.2004 21:07


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

27.03.2005, 11:38
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	willst du uns nicht nen link geben wo wir uns die seite ankucken können oder das du uns sagst was deiner meinung nicht richtig angezeigt wird? klar ie ist scheiße aber er zeigt es so an wie ers interpretiert ... !!! und wir können nicht hellsehen!

27.03.2005, 13:17
flyingeagle Benutzer Registriert seit: 03.06.2003 Beiträge: 89	ok, habs mal hochgeladen, hier ist der link http://www.fitnessoase-eitorf.de/test/ wenn man die seite im mozilla oder opera anguckt, hat man ein schönes tabellendesign menü links, content rechts der ie packt einfach alles irgendwie untereinander __________________ - Das Leben ist eine Spirale, man kotzt immer in der selben Kurve. - Frauen behalten nur für sich, was sie nicht wissen.

27.03.2005, 13:55
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Ich tippe einfach mal: Aufgrund des falschem box-model das der IE verwendet reicht der Platz für das "content-div" nicht aus um es neben den anderen zu platzieren - also wird umgebrochen. (fall su nicht weißt was der box-model-bug ist such mal nach "box-model-hack") Um mir das genauer anzusehn fehlt mir ehrlichgesagt die Lust mich durch diese div-Suppe durchzuarbeiten... __________________ Today you...Tomorrow me.

27.03.2005, 14:46
Gast Beiträge: n/a	Ich würd dir anstatt einer schrecklich unübersichtlichen div-Suppe mal ein logisches Markup ans Herz legen: Grundsätzliches dazu: http://www.memowe.de/Markup/

27.03.2005, 17:10
flyingeagle Benutzer Registriert seit: 03.06.2003 Beiträge: 89	was ist daran denn unübersichtlich?! wie sollte ich es besser machen?! __________________ - Das Leben ist eine Spirale, man kotzt immer in der selben Kurve. - Frauen behalten nur für sich, was sie nicht wissen.

27.03.2005, 17:21
Gast Beiträge: n/a	(X)HTML hat so viele Elemente, die kaum jemand nutzt, obwohl sie für entsprechende Anwendungsbereiche geradezu prädestiniert sind, z.B. <h1>-<h6> für Überschriften <ul> für unsortierte Listen, wie es ein Menü zum Beispiel ist für Textabsätze <blockqoute> für längere Zitate

27.03.2005, 17:47
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	Du nutzt für alles <div> und im nächsten Schritt würde dann <span> kommen. Das ist aber nicht Sinn der Sache. Les mal auf den einschlägig bekannten Seiten nach. z.B. Eddies Link http://w3.org/MarkUp/ http://de.selfhtml.org/ http://jendryschik.de/wsdev/einfuehrung/ usw. usf. __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

27.03.2005, 18:57
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	was mir auch so auf den ersten blick auffällt ist dass du bei den class-namen groß-klein-schreibung verwendet hast...darauf würd ich verzichten und gerell alles klein schreiben, dann ansonsten können manche browser mit diesen case-sensitiven angaben durch aus ihre probleme kriegen.