verschiedene probleme

flyingeagle · 22.02.2005, 21:42

ich habe mich nun zum ersten mal mit css beschaeftigt, soweit klappt das auch alles ganz gut. ich habe jetzt aööerdings einige differenezen des desingns im ie und im mozilla.

das hier ist meine html seite

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Fitness Oase Eitorf</title>
<link rel="stylesheet" type="text/css" href="standard.css">
</head>
<body> 
  <div class="main">
    [img]logo.jpg[/img]
    <div class="menu">
      <div class="menuitem">
        [img]team.jpg[/img]
      </div>
      <div class="menuitem">
        [img]oase.jpg[/img]
      </div>
      <div class="menuitem">
        [img]kursplan.jpg[/img]
      </div>
      <div class="menuitem">
        [img]preise.jpg[/img]
      </div>
      <div class="menuitem">
        [img]kontakt.jpg[/img]
      </div>
      <div class="menuitem">
        [img]member.jpg[/img]
      </div>
      <div class="spacer">
        [img]menuspacer.jpg[/img]
      </div>
      <div class="angebot">
        [img]angebot.jpg[/img]
      </div>
    </div>
    <div class="content">
      super
    </div>
  </div>
</body>
</html>

und das hier die dazugehoerige css datei

Code:

body
{
  /* der IE soll alles zentrieren, also muessen wir so tun als
     ob jetzt alles Text ist */
  text-align      : center;
  background-color: #7e7e7e;
}

img.logo
{
  border-left  : 8px solid #ffffff;
  border-right : 8px solid #ffffff;
  border-top   : 8px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  display      : block;
}

div.angebot
{
  text-align: center;
  border-top      : 1px solid #ffe0ad;
  border-bottom   : 1px solid #ffe0ad;
}

div.spacer
{
  margin-top   : 25px;
  margin-bottom: 15px;
  border-top   : 1px solid #ffe0ad;
}

div.main
{
  /* der Mozilla soll aber auch alles zentrieren,
     also machen wir das mal so wies' sich eigentlich gehoert*/
  margin          : 0px auto;
  width           : 598px;
}

div.menu
{
  float           : left;
  display         : block;
  margin          : 0px;
  margin-left     : 4px;
  margin-bottom   : 5px;
  border          : 1px solid #ffe0ad;
  background-color: #ffffff;
  width           : 186px;
  height          : 480px;
  text-align      : right;
}

div.menuitem
{
  background-color: #a4a4a4;

  text-align      : left;
  vertical-align  : middle;
  border-left     : 8px solid #ffffff;
  height          : 19px;
  width           : 150px;

  padding-left    : 10px;
  margin          : 5px;
  overflow        : hidden;
}


div.content
{
  background-color: #ffffff;
  text-align      : left;
  display         : block;
  height          : 440px;
  padding         : 20px;
  border          : 1px solid #ffe0ad;
  margin-right    : 8px;
  margin-bottom   : 5px;
}

wenn ich diese seite nun im mozilla ansehe, dann wird der rahmen um das menu (div.menu) irgendwie doppelt gezeichnet so wie hier

im ie hingegen sieht es so aus wie es soll, und wie es laut meinem verstaendniss auch richtig ist.

im internetexplorer hingegen ist zwischen dem div menu und dem div content ein abstand der meines erachtens gar nicht da sein duerfte.

hier ist der link zur seite
http://fitnessoase-eitorf.de/test/

ich hoffe ihr koennt mir vielleicht helfen.

ps: ist das css so sinvoll unterteilt und angewendent oder habt ihr da noch irgendwelche verbesserungsvorschlaege?!

Buhmann · 22.02.2005, 21:46

Zitat:

im ie hingegen sieht es so aus wie es soll, und wie es laut meinem verstaendniss auch richtig ist.

im internetexplorer hingegen ist zwischen dem div menu und dem div content ein abstand der meines erachtens gar nicht da sein duerfte.

hä?

ie != internetexplorer ?

lol?

naja mit difernzen zwischen rindernetexplorer und mozilla etc. wirst du dich abfinden müssen, der indernetexplorer hält net viel von standarts...

du kannst höchstens versuchen verschiedene css datein je nach browser zu nehmen.

[edit]
du kommst aus eitorf?

das liegt hier ja direkt ummer ecke *ausgeistingenkommt*

flyingeagle · 22.02.2005, 23:00

ja das hab ich schon gemerkt das der ie (internet explorer) nicht viel von den standards haelt.

haste denn eine idee warum der mozilla diesen komischen doppelten rahmen macht?! ( bild 1)
und wieso der das padding nicht richtig uebernimmt, oder habe ich da was falsch gemacht?

ne ich komm nich aus eitorf, mein kumpel kommt daher ich komm aus rupp.

22.02.2005, 23:03

das mit dem padding ist nicht der fehler beim mozilla sondern beim IE. musst mal googeln nach "box model problem" da wird irgendwo erklärt welchen doctype man setzen muss, damit beide das padding gleich darstellen.

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
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
Verschiedene Werte in verschiedene Zeilen in eine Tabelle einfügen	Heizkessel	PHP Tipps 2008	4	15.02.2008 13:53
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit Rechteverteilung chmod() per script!!!???	Funky_	PHP Tipps 2006	7	17.06.2006 17:10
Probleme bei der Installation von Turck MMCache	tomx992	PHP-Fortgeschrittene	2	27.09.2005 20:31
Probleme beim Datenupload zu meiner Datenbank		Datenbanken	3	05.09.2005 19:47
Probleme mit Sonderzeichen...		Datenbanken	1	02.08.2005 23:37
Probleme beim erstellen und einbinden eines favicon !!		HTML, Usability und Barrierefreiheit	1	20.03.2005 18:15
[Erledigt] CSV Größe macht Probleme mit php		PHP Tipps 2005	5	15.03.2005 21:29
Verschiedene Umsetzungen für Template-Systeme		PHP Tipps 2004-2	5	27.11.2004 09:51
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45
SMARTY: verschiedene zellenfarben in einer schleife	duderino	PHP-Fortgeschrittene	2	04.11.2004 11:13
[Erledigt] Probleme mit Fremdsprachen		HTML, Usability und Barrierefreiheit	2	21.09.2004 17:11
[Erledigt] verschiedene Probleme bei Projekt		PHP Tipps 2004	3	24.06.2004 01:50
PHP Bilder in DB / Probleme bei Änderung		PHP-Fortgeschrittene	1	05.06.2004 11:20


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

22.02.2005, 23:00
flyingeagle Benutzer Registriert seit: 03.06.2003 Beiträge: 89	ja das hab ich schon gemerkt das der ie (internet explorer) nicht viel von den standards haelt. haste denn eine idee warum der mozilla diesen komischen doppelten rahmen macht?! ( bild 1) und wieso der das padding nicht richtig uebernimmt, oder habe ich da was falsch gemacht? ne ich komm nich aus eitorf, mein kumpel kommt daher ich komm aus rupp. __________________ - Das Leben ist eine Spirale, man kotzt immer in der selben Kurve. - Frauen behalten nur für sich, was sie nicht wissen.

22.02.2005, 23:03
Gast Beiträge: n/a	das mit dem padding ist nicht der fehler beim mozilla sondern beim IE. musst mal googeln nach "box model problem" da wird irgendwo erklärt welchen doctype man setzen muss, damit beide das padding gleich darstellen.