tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
473
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 25.06.07 12:24 #1
    5th Element 5th Element ist offline Mitglied Silber
    Registriert seit
    Jun 2007
    Ort
    Stuttgart (Baden Württemberg)
    Beiträge
    51
    Hallo,

    also ich habe ein Porblem das nicht nur ich habe. Ich hab grad ne Homepage gebastelt. Der Code is ok. Aber es gibt unterschiede in der Darstellung zwischen IE und Firefox. Im Firefox sieht alles super aus (weil ich ja für den Firefox gemacht habe) hab dan mal aus langeweile mal die Webseite mit dem IE aufgerufen und da ist alles verschoben? An was könnte es liegen?
     
    Mit freundlichen Grüßen

    5th Element
  2. 25.06.07 12:32 #2
    Maik Tutorials.de Gastzugang
    Hi,

    ohne HTML- und CSS-Code lässt sich da momentan nicht viel zu sagen.

    Das Thema wird dann mal vom "Internet"-Forum auf Verdacht ins "CSS"-Forum verschoben.
     
  3. 25.06.07 12:33 #3
    5th Element 5th Element ist offline Mitglied Silber
    Registriert seit
    Jun 2007
    Ort
    Stuttgart (Baden Württemberg)
    Beiträge
    51
    INDEX.PHP

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd"    >
    <    html>
    <    head>
    <    title>Schule f&uuml;r Kranke in Stuttgart</title>

    <    link rel="stylesheet" type="text/css" href="style.css">

    </    head>
    <    body>

    <    div id="box">
         <    div id="header">
              <    p class="shortnavi">
                 <    a href="inhalt.php?section=startseite" target="content">Startseite</a>
                 |
                 <    a href="inhalt.php?section=timsis" target="content">Timsis</a>
                 |
                 <    a href="inhalt.php?section=verein" target="content">F&ouml;rderverein</a>
                 |
                 <    a href="inhalt.php?section=kontakt" target="content">Kontakt</a>
              </    p>
         </    div>
         <    div id="bg">
              <    p class="navi">
                 <    a href="inhalt.php?section=startseite" target="content"><img class="button" src="gfx/startseiteoff.jpg" onmouseover="src='gfx/startseiteon.jpg'" onmouseout="src='gfx/startseiteoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=kontakt" target="content"><img class="button" src="gfx/kontaktoff.jpg" onmouseover="src='gfx/kontakton.jpg'" onmouseout="src='gfx/kontaktoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=leitbild" target="content"><img class="button" src="gfx/leitbildoff.jpg" onmouseover="src='gfx/leitbildon.jpg'" onmouseout="src='gfx/leitbildoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=geschichte" target="content"><img class="button" src="gfx/geschichteoff.jpg" onmouseover="src='gfx/geschichteon.jpg'" onmouseout="src='gfx/geschichteoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=konzepte" target="content"><img class="button" src="gfx/konzepteoff.jpg" onmouseover="src='gfx/konzepteon.jpg'" onmouseout="src='gfx/konzepteoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=aufgaben" target="content"><img class="button" src="gfx/aufgabenoff.jpg" onmouseover="src='gfx/aufgabenon.jpg'" onmouseout="src='gfx/aufgabenoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=unterricht" target="content"><img class="button" src="gfx/unterrichtoff.jpg" onmouseover="src='gfx/unterrichton.jpg'" onmouseout="src='gfx/unterrichtoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=bildungen" target="content"><img class="button" src="gfx/bildungenoff.jpg" onmouseover="src='gfx/bildungenon.jpg'" onmouseout="src='gfx/bildungenoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=projekte" target="content"><img class="button" src="gfx/projekteoff.jpg" onmouseover="src='gfx/projekteon.jpg'" onmouseout="src='gfx/projekteoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=verein" target="content"><img class="button" src="gfx/vereinoff.jpg" onmouseover="src='gfx/vereinon.jpg'" onmouseout="src='gfx/vereinoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=sponsoren" target="content"><img class="button" src="gfx/sponsorenoff.jpg" onmouseover="src='gfx/sponsorenon.jpg'" onmouseout="src='gfx/sponsorenoff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=partner" target="content"><img class="button" src="gfx/partneroff.jpg" onmouseover="src='gfx/partneron.jpg'" onmouseout="src='gfx/partneroff.jpg'" border="0"></a>
                 <    a href="inhalt.php?section=kliniken" target="content"><img class="button" src="gfx/klinikenoff.jpg" onmouseover="src='gfx/klinikenon.jpg'" onmouseout="src='gfx/klinikenoff.jpg'" border="0"></a>
              </    p>
              <    p class="content">
                 <    iframe src="inhalt.php" width="415" height="355" name="content" frameborder="0" marginwidth="0" marginheight="0"></iframe>
              </    p>
         </    div>
         <    div id="footer">

         </    div>
    </    div>

    </    body>
    </    html> 

    STYLE.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

    body {
background-color:#ffffff;
color:#000000;
font-family: verdana;
font-size: 11px;
overflow:auto;
}
 
table {
border: 0;
color:#000000;
font-family: verdana;
font-size: 11px;
}
 
 
a:link{color:#000000;}
a:visited{color:#000000;}
a:hover{color:#0084ff;}
a:active{color:#0084ff;}
a {text-decoration:none;}
 
div#box {
position: absolute;
width: 650px;
left: 50%;
margin-left: -325px;
height: 600px;
top: 50%;
margin-top: -300px;
}
 
div#header {
height: 205px;
background: url(gfx/header.jpg);
}
 
div#bg {
height: 320px;
background: url(gfx/bg.jpg);
}
 
div#footer {
height: 65px;
background: url(gfx/footer.jpg);
}
 
.shortnavi {
position: absolute;
left: 365px;
top:  133px;
}
 
.content {
position: absolute;
left: 185px;
top: 175px;
}
 
.navi {
position: absolute;
left: 20px;
top: 175px;
}
 
img.button {
display:block;
}
     
    Mit freundlichen Grüßen

    5th Element
  4. 25.06.07 12:36 #4
    Maik Tutorials.de Gastzugang
    Gibt es evtl. eine Online-Version der Seite, damit man auch die eingesetzten Grafiken zur Verfügung, und so als Anhaltspunkt hat?

    Ansonsten kann ich derzeit im IE keine eklatanten Verschiebungen erkennen.
     
  5. 25.06.07 12:38 #5
    5th Element 5th Element ist offline Mitglied Silber
    Registriert seit
    Jun 2007
    Ort
    Stuttgart (Baden Württemberg)
    Beiträge
    51
    http://www.5th.apg-free.de/sfk/index.php


    Dieses Porblem ist allgemein bekannt. Liegt daran das jeder Browser unterschiednlich die Stylesheets anders interpretiert.
     
    Mit freundlichen Grüßen

    5th Element
  6. 25.06.07 12:47 #6
    Maik Tutorials.de Gastzugang
    Erweiter mal das Stylesheet mit dieser Regel:

    Code :
    1
2
3
4

    * {
margin:0;
padding:0;
}
    und korrigiere anschliessend den top-Wert für die Klasse .shortnavi von 133 auf 143px:

    Code :
    1
2
3
4
5

    .shortnavi {
position: absolute;
left: 365px;
top: 143px;
}
    Ansonsten kann ich keine Darstellungsunterschiede in den beiden Browsern feststellen.
     
  7. 25.06.07 13:05 #7
    5th Element 5th Element ist offline Mitglied Silber
    Registriert seit
    Jun 2007
    Ort
    Stuttgart (Baden Württemberg)
    Beiträge
    51
    Ah Ok vielen dank also jettz siehst es zumindest bei mir bei beiden browsern gleich aus
     
    Mit freundlichen Grüßen

    5th Element
  8. 25.06.07 13:07 #8
    Maik Tutorials.de Gastzugang
    Du wirst es nicht glauben, aber bei mir auch, und das sogar in den anderen Browsern, wie z.B. Mozilla, Opera oder Sea Monkey.
     
« Background | Links »

Ähnliche Themen

  1. Anzeigeproblem im IE
    Von Da Hacker im Forum CSS
    Antworten: 6
    Letzter Beitrag: 15.01.08, 21:59
  2. ie 6 Anzeigeproblem
    Von bleifresser im Forum CSS
    Antworten: 3
    Letzter Beitrag: 08.01.07, 22:21
  3. Anzeigeproblem im FF!
    Von BSA im Forum HTML & XHTML
    Antworten: 11
    Letzter Beitrag: 29.10.05, 21:40
  4. PNG Anzeigeproblem
    Von freakcx im Forum HTML & XHTML
    Antworten: 8
    Letzter Beitrag: 06.10.05, 20:24
  5. Anzeigeproblem bei Bildunterschriften
    Von Atmosphinx im Forum CSS
    Antworten: 0
    Letzter Beitrag: 08.03.05, 23:42