tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
522
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 04.11.05 23:10 #1
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Hallo liebe Community,

    mein Kampf gegen die <div> ist leider noch nicht ausgestanden.
    Ich war bis vor 15 Minuten noch super zufrieden mit mir und meinem "Layout", bis ich den ganzen Mist im IE aufgerufen habe und fast geheult hätte.


    Quellcode der Site:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Ferienwohnungen "Alt-Borby" in Eckernf&ouml;rde</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
<script type="text/javascript">

function bild(pfad, breite, hoehe)
{
    window.open(pfad, '_blank', 'width=' + breite + ',height=' + hoehe + ',location=no,menubar=no,resizable=no,scrollbars=no,' +
                                     'status=no,toolbar=no');
}
</script>
</head>
<body>
<h1>Ferienwohnungen in Alt-Borby</h1>    
<ul id="navi">
  <li><a href="home.php?site=start">Startseite</a></li>
  <li><a href="home.php?site=vorwort">Vorwort</a></li>
  <li><a href="home.php?site=stein">"Stein"</a></li>
  <li><a href="home.php?site=vogel">"Vogel"</a></li>
  <li><a href="home.php?site=umgebung">Umgebung</a></li>
</ul><br />
  
<div id="inhalt">
  <?php
  if ($site=="start" || $site=="") {
    include ("start.html");}
  elseif ($site=="vorwort"){
    include ("vorwort.html");}
  elseif ($site=="stein"){
    include ("stein.html");}
  elseif ($site=="vogel"){
    include ("vogel.html");}
  elseif ($site=="umgebung"){
    include ("umgebung.html");}
  elseif ($site=="impressum"){
    include ("impressum.html");}
    
  ?>
</div>
<div id="info">
  <h2>Informationen</h2>
  <b>Wohnung Stein</b><br />
  Hauptsaison: xy,-<br />
  Nebensaison: xy,-<br /><br />
  <b>Wohnung Vogel</b><br />
  Hauptsaison: xy,-<br />
  Nebensaison: xy,-<br /><br />
</div>
  
<div id="bilder">
  <?php
  if ($site=="start" || $site=="") {
    include ("b_start.html");}
  elseif ($site=="vorwort"){
    include ("b_vorwort.html");}
  elseif ($site=="stein"){
    include ("b_stein.html");}
  elseif ($site=="vogel"){
    include ("b_vogel.html");}
  elseif ($site=="umgebung"){
    include ("b_umgebung.html");}
  elseif ($site=="impressum"){
    include ("b_impressum.html");}
  ?>
  </div>
  <ul id="navi" style="text-align:center;clear:both;">
  <li><a href="home.php?site=impressum">Impressum</a></li>
  <li><a href="home.php?site=kontakt">Kontakt</a></li> 
  </ul> 
  </body>
</html>
    Quellcode der CSS
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

      body {
    color: black; background-color: #3366FF;
    font-size: 100.01%;
    font-family:Arial;
    margin: 0; padding: 1em;
  }
  
  body a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #39f;
  }
 
  ul#navi {
  list-style-type: none;
  font-size: 0.8em;
  padding: 0.2em;
  background-color: #009;
  }
  ul#navi li {
    display: inline;
    margin: 0; padding: 0.5em;
  }
 
    
  div#inhalt {
    float: left; width:37em;
    margin: 1em 1em 1em 0;
    padding: 0 0 0 1em;
    border: 1px solid black;
    background-color: #39f;
  }
  div#inhalt h2 {
  margin: 0 0 0 0;
  }
  div#inhalt p {
  font-size: 0.8em;
  margin: 0;
  }
  div#inhalt ul {
  list-style-type: none;
  font-size: 0.8em;
  padding: 0.2em;
  }
  div#inhalt li {
    display: block;
    margin: 0; padding: 0em;
  }
  
  div#bilder {
    text-align: center;
    margin: 1em 15em 0 39em;
    padding: 1em;
    border: 1px solid black;
  }
 
  div#info {
    float: right; width: 12em;
    margin: 1em 1em 1em 0;
    padding: 0 0 0 1em;
    border: 1px solid black;
    background-color: #39f;
  }
  
  div#info h2 {
  margin: 0 0 0 0;
  }
  
  p#fusszeile {
    clear: both;
    font-size: 0.8em;
    padding: 0.2em;
    text-align: center;
    background-color: #009;
  }
  p#fusszeile a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #39f;
  }

    Any ideas?
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken IE versteht meine <div> nicht-ie.jpg   IE versteht meine <div> nicht-ff.jpg  

     
  2. 05.11.05 11:21 #2
    Maik Tutorials.de Gastzugang
    Mit Hilfe des Star-HTML-Hacks (* html ...) lassen sich im Stylesheet die erforderlichen Korrekturen für den IE vornehmen.

    IE-kompatibler CSS-Code:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110

      * html { overflow: auto; }
 
  body {
  color: black; background-color: #3366FF;
  font-size: 100.01%;
  font-family:Arial;
  margin: 0; padding: 1em;
  }
 
  body a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #39f;
  }
 
  ul#navi {
  list-style-type: none;
  font-size: 0.8em;
  padding: 0.2em;
  background-color: #009;
  }
 
  [b]* html ul#navi[/b] /* IE-Korrektur */
  {
  padding: 0;
  margin: 0;
  }
 
  ul#navi li {
    display: inline;
    margin: 0; padding: 0.5em;
  }
 
  [b]* html ul#navi li[/b] /* IE-Korrektur */
  {
  margin: 0;
  padding: 0;
  }
 
  div#inhalt {
    float: left; width:37em;
    margin: 1em 1em 1em 0;
    padding: 0;
    border: 1px solid black;
    background-color: #39f;
  }
 
  [b]* html div#inhalt[/b] /* IE-Korrektur */
  {
  margin: 2em 1em 1em 0;
  }
 
  div#inhalt h2 {
  margin: 0 0 0 0;
  }
  div#inhalt p {
  font-size: 0.8em;
  margin: 0;
  }
  div#inhalt ul {
  list-style-type: none;
  font-size: 0.8em;
  padding: 0.2em;
  }
  div#inhalt li {
    display: block;
    margin: 0; padding: 0em;
  }
 
  div#bilder {
    text-align: center;
    margin: 1em 15em 0 38em;
    padding: 0;
    border: 1px solid black;
  }
 
  [b]* html div#bilder[/b] /* IE-Korrektur */
  {
  margin: 3.1em 15em 0 38em;
  }
 
  div#info {
    float: right; width: 12em;
    margin: 1em 1em 1em 0;
    padding: 0 0 0 1em;
    border: 1px solid black;
    background-color: #39f;
  }
 
  [b]* html div#info[/b] /* IE-Korrektur */
  {
  margin: 2em 0.5em 1em 0;
  }
 
  div#info h2 {
  margin: 0 0 0 0;
  }
 
  p#fusszeile {
    clear: both;
    font-size: 0.8em;
    padding: 0.2em;
    text-align: center;
    background-color: #009;
  }
  p#fusszeile a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #39f;
  }
     
  3. 05.11.05 12:37 #3
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Ich bin begeister!

    Wie genau setzt man diese "Hacks" ein und was bewirken diese?

    Vielen Dank aber schon an dieser Stelle

    //edit

    Hat sich erledigt, hab's verstanden

    Ich danke!!
     
  4. 05.11.05 16:05 #4
    Maik Tutorials.de Gastzugang
    Der Star-HTML-Hack dient als CSS-Browserweiche für den Internet Explorer und schließt alle anderen Browser aus.

    So lassen sich in dem Selektor * html #ID die erforderlichen Maßkorrekturen notieren, um Unstimmigkeiten / Fehlinterpretationen in der Seitendarstellung aufzuheben. Anmerkung: die Syntax funktioniert auch mit den CSS-Klassen (* html .className).

    In deinem Fall hat der IE diverse margin- und padding- Angaben anders / falsch interpretiert und benötigte 'individuelle' Angaben
     
  5. 05.11.05 20:23 #5
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Juppa... Genau das habe ich auch gefunden. Habe bei selfHTML nur die falschen Suchbegriffe angegeben (Flüchtigkeitsfehler ).

    Danke Dir!
     
« Die Lade - Hirarchie von Tabelleninhalten festlegen .. wie ? | Problem mit dem Verschieben eines Hintergrundbildes in einer Tabelle eines Bildes »

Ähnliche Themen

  1. Absenden-Button mit Hover und IE versteht es nicht!
    Von ray2mi im Forum CSS
    Antworten: 12
    Letzter Beitrag: 11.08.09, 18:11
  2. [IE] Verschiedene Arten Medientypen zu deklarieren - IE versteht nicht alle?
    Von Klein0r im Forum CSS
    Antworten: 4
    Letzter Beitrag: 20.09.08, 10:13
  3. Versteht der IE 7 Beta immer noch nicht das PNG-Format?
    Von Admi im Forum Microsoft Windows
    Antworten: 8
    Letzter Beitrag: 27.02.06, 12:27
  4. Anfänger versteht C-Code nicht
    Von ahykes im Forum C/C++
    Antworten: 3
    Letzter Beitrag: 13.05.05, 15:47
  5. Anfänger versteht C-Code nicht
    Von ahykes im Forum C/C++
    Antworten: 1
    Letzter Beitrag: 13.05.05, 12:03