[Erledigt] CSS Layout wird im IE nicht richtig angezeigt.

26.09.2005, 20:35

Hi,

also ich habe ein Problem, ich habe mir jetzt ein CSS Layout erstellt, oder besser gesagt zumsammengeschnitten. Das Problem, im Mozilla habe ich keine Probleme damit, aber im IE wird es nicht richtig angezeigt und auch viel größer als im Mozilla.
Vielleicht könnt ihr mir helfen:

PHP-Code:

  <?php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""

       "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Zweispaltiges Layout mit fester Breite</title>

<style type="text/css">

 
 
  body {

    color: black; background-color: white;

    font-size: 100.01%;

    font-family: Helvetica,Arial,sans-serif;

    margin: 0; padding: 1em 0;

    text-align: center;  /* Zentrierung im Internet Explorer */

  }

 
  div#Seite {

    text-align: left;    /* Seiteninhalt wieder links ausrichten */

    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */

    width: 85%;

    height:500px;

    padding: 0.5em;

    border: 2px ridge silver;

  }

  html>body div#Seite {

    border-color: gray;  /* Farbangleichung an den Internet Explorer  */

  }

 
ul {

 list-style: none;

 width: 25%;

 border-bottom: 1px solid #ccc;

 font-size:5px;

 font-size: 0.91em;

 float: left;

 width: 10em;

 margin: 0; padding: 0;

 border-right: 1px groove black;

 }

 
ul li {

 position: relative;

}

 
ul li a {

 display: block;

 text-decoration: none;

 color: #777;

 background: #fff; /* IE6 Bug */

 padding: 5px;

 border: 1px solid #ccc;

 border-bottom: 0;

 font-size:10px;

}

 
ul li a:hover { color: #E2144A; background: #f9f9f9; }

 
li ul li a { padding: 2px 5px; }

 
li:hover ul, li.over ul { display: block; }

 
div#Inhalt {

    margin-left: 12em;

    padding: 0 1em;

    height:500px;

    border-left: 1px groove silver;

}

div#Inhalt h1 {

    font-size: 1.5em;

    margin: 0 0 1em;

}

div#Inhalt h2 {

    font-size: 1.2em;

    margin: 0 0 1em;

}

div#Inhalt p {

    font-size:1em;

    margin: 1em 0;

}

 
 
</style>

</head>

<body>

 
<div id="Seite">

<ul id="nav">[*][url="#"]Home[/url][*][url="#"]About[/url][*][url="#"]Services[/url][*][url="#"]Contact Us[/url][/list]

  <div id="Inhalt">

    <h1>CSS-basierte Layouts</h1>

    <h2>Seite mit fester Breite</h2>

    

Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>

    

Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal

       gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>

  </div>

</div>

 
</body>

</html>

 
?>

DER_Brain · 26.09.2005, 20:53

schriftgrößen sind oft unterschiedlcih beim FF und IE...
sieh der mal das "boxmodell" an.. IE rechnet padding anders als der FF...

http://www.css4you.de/wsboxmodell/index.html

mfg Andi

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
Newsscript wird nicht richtig angezeigt.	albi	PHP Tipps 2008	14	24.06.2008 13:01
css layout frage		HTML, Usability und Barrierefreiheit	1	23.02.2006 20:56
[Erledigt] Zuviele Seiten werden angezeigt		PHP Tipps 2007	5	24.12.2005 12:49
alte Bildversion wird angezeigt		PHP Tipps 2007	19	30.11.2005 17:52
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Webseiten werden bei Linux nicht richtig angezeigt		Server, Hosting und Workstations	13	16.10.2005 13:39
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
[Erledigt] VARIABLEN WERDEN NICHT RICHTIG VERARBEITET!!!! HILFE		PHP Tipps 2005-2	6	02.07.2005 18:32
PHP funktioniert nicht richtig?!		PHP Tipps 2005-2	26	11.06.2005 09:05
Variable wird nicht richtig übergeben		PHP Tipps 2005	17	16.01.2005 16:51
Bilder werden nicht richtig angezeigt		PHP Tipps 2005	11	07.01.2005 13:16
Layout mittels DIV und CSS		HTML, Usability und Barrierefreiheit	4	21.12.2004 13:02
Ergebnis von Radiobutton werden nicht richtig angezeigt		PHP Tipps 2004	8	19.07.2004 14:00
Zeit wird nicht richtig angezeigt ...		PHP Tipps 2004	8	18.07.2004 16:14

26.09.2005, 20:35
Gast Beiträge: n/a	[Erledigt] CSS Layout wird im IE nicht richtig angezeigt. Hi, also ich habe ein Problem, ich habe mir jetzt ein CSS Layout erstellt, oder besser gesagt zumsammengeschnitten. Das Problem, im Mozilla habe ich keine Probleme damit, aber im IE wird es nicht richtig angezeigt und auch viel größer als im Mozilla. Vielleicht könnt ihr mir helfen: PHP-Code: <?php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Zweispaltiges Layout mit fester Breite</title> <style type="text/css"> body { color: black; background-color: white; font-size: 100.01%; font-family: Helvetica,Arial,sans-serif; margin: 0; padding: 1em 0; text-align: center; /* Zentrierung im Internet Explorer / } div#Seite { text-align: left; / Seiteninhalt wieder links ausrichten / margin: 0 auto; / standardkonforme horizontale Zentrierung / width: 85%; height:500px; padding: 0.5em; border: 2px ridge silver; } html>body div#Seite { border-color: gray; / Farbangleichung an den Internet Explorer / } ul { list-style: none; width: 25%; border-bottom: 1px solid #ccc; font-size:5px; font-size: 0.91em; float: left; width: 10em; margin: 0; padding: 0; border-right: 1px groove black; } ul li { position: relative; } ul li a { display: block; text-decoration: none; color: #777; background: #fff; / IE6 Bug / padding: 5px; border: 1px solid #ccc; border-bottom: 0; font-size:10px; } ul li a:hover { color: #E2144A; background: #f9f9f9; } li ul li a { padding: 2px 5px; } li:hover ul, li.over ul { display: block; } div#Inhalt { margin-left: 12em; padding: 0 1em; height:500px; border-left: 1px groove silver; } div#Inhalt h1 { font-size: 1.5em; margin: 0 0 1em; } div#Inhalt h2 { font-size: 1.2em; margin: 0 0 1em; } div#Inhalt p { font-size:1em; margin: 1em 0; } </style> </head> <body> <div id="Seite"> <ul id="nav">[][url="#"]Home[/url][][url="#"]About[/url][][url="#"]Services[/url][*][url="#"]Contact Us[/url][/list] <div id="Inhalt"> <h1>CSS-basierte Layouts</h1> <h2>Seite mit fester Breite</h2> Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p> Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p> </div> </div> </body> </html> ?>


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

26.09.2005, 20:53
DER_Brain Erfahrener Benutzer Registriert seit: 18.04.2005 Beiträge: 1.541 PHP-Kenntnisse: Fortgeschritten	schriftgrößen sind oft unterschiedlcih beim FF und IE... sieh der mal das "boxmodell" an.. IE rechnet padding anders als der FF... http://www.css4you.de/wsboxmodell/index.html mfg Andi