Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Problem mit der Anzeige im IE

Empfohlene Antworten

Veröffentlicht

Hallo und guten Morgen,

ich habe im Moment mal wieder ein Problem mit untschiedlicher Anzeige bei FF und IE.

Testweise habe ich die Seite mal hochgeladen, damit man sich das anschauen kann:

TEST

Im IE sieht man unter dem eingebundenen Bild einen kleinen Spalt, der beim FF ordnungsgemäß gefüllt ist. Quellcode gebe ich euch auch noch ein bisschen.

Würde mich freuen, wenn mir da jemand einen Tip geben kann. Hab schon einiges ausprobiert, kann aber das Problem nicht beheben :(

CSS:


body {
margin: 0px;
background-color: #5F5C5C;
}

#bg
{
position:absolute;
left:50%;
top:50%;
width:980px;
height:518px;
margin-left: -490px;
margin-top: -259px;
background-color: #D7D7D7;
background-image: url(bg.gif);
}
#header
{
width:980px;
background-color: #dcdedb;
}
#headerbild
{
height:165px;
}
#logo
{
position:relative;
top:-43px;
left:52px;
}

[/PHP]

HTML-Code:

[PHP]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TEST</title>

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


</head>

<body>

<div id="bg">

<div id="navi_oben">

</div>
<div id="header">
<img id="headerbild" src="./images/test.jpg"> <!--Hier stehen die Bilder für den Header-->


</div>
<br/><br/>
<div id="navi_mitte">

</div>

<div class="mainbox">



</div>


</div>


</body>
</html>

grad beim überfliegen würde ich spontan sagen


                </div>

                <br/><br/>

                <div id="navi_mitte"> 

das die beiden <br/> ein wenig stören ansonten vergebe mal wenn du genau die grössen der bilder kennst noch die höhe des #header.

Hab die unnötigen Zeilenumbrüche mal noch gelöscht und die Höhe, wie von dir gesagt angegeben, leider ohne Veränderung.

Dank dir trotzdem.

Vielleicht nicht elegant, klappt bei mir aber:


#headerbild

{

    margin-bottom:-5px; /* Gilt es auf dein Bild anzupassen - 5px passte aber gut*/

}

edit:

Dadurch verschiebt sich der Balken in FF aber auch tatsächlich ins Bild hinein (testen, dann siehst du es). Dort gilt es vielleicht einen IE-Hack einzubauen, der nur dann genutzt wird, wenn der IE als Browser erkannt wird.

Dank dir recht herzlich, das ist eine Lösung mit der ich sehr gut leben kann :)

Hab nun gut ne Woche damit verbracht, das zu beheben. Ohne Erfolg.

Merci:uli

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.