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.

DIV-Breite 100% ist im IE nicht 100%?

Empfohlene Antworten

Veröffentlicht

Hallo!

Firefox und Opera zeigen bei folgendem Code ein bildschirmfüllendes rotes DIV an, der Internet Explorer allerdings lässt rechts neben dem DIV einen Abstand (ca. 20px). Weiss einer, wie ich den IE dazu bringe, das DIV ohne Rand darzustellen?

Code:

<html>

<body width="100%" bgcolor="green">

<div style="LEFT:0px;right:0px;WIDTH:100%;HEIGHT:17px;POSITION:absolute;TOP:0px;background-color:red;">

test

</div>

</body>

</html>

Vielen Dank!

probier mal

<body style="padding: 0px;" width="100%" bgcolor="green">

Im IE scheint es da im gegensatz zu anderen Browsern einen Default-Wert zu geben, der von 0 abweicht.

Code:

<html>

<body width="100%" bgcolor="green">

<div style="LEFT:0px;right:0px;WIDTH:100%;HEIGHT:17px;POSITION:absolute;TOP:0px;background-color:red;">

:eek

Wenn du schon CSS nutzt, dann nutz es doch richtig...



...

<head>

...

<style type="text/css">

<!--

body { width: 100%; 

          background-color: green; }

#main { left:0px;

            right:0px;

            width:100%;

            height:17px;

           position:absolute;

           top:0px;

           background-color:red;}

//-->

</style>

<body>

<div id="main">

...

oder besser noch in einer externen Datei. Oder aber mindestens so:

<html>

  <body style="width: 100% background-color: green">

    <div style="...

EDIT:

Ansonsten hat eigentlich jeder Browser einen Margin bzw. ein Padding im Body. Setz das mal beides auf 0.

  • Autor

@bmg4ever2: guter tipp, macht aber leider keinen unterschied :)

@yesterday: 1. off topic 2. ich hab alles in einer externen datei, aber der übersichtlichkeit halber für diesen kleinen testfall habe ich mir doch mal erlaubt, die style angaben als direktes html attribut zu definieren. deine arroganz ist fehl am platz

@yesterday: 1. off topic [...]deine arroganz ist fehl am platz

Sorry, aber ein unsauberes Dokument kann schon mal den Unterschied machen, ob HTML korrekt oder im Quirks-Mode interpretiert wird. Und dann kann es auch zu Dingen kommen, die so eigentlich nicht sein sollten. Das hat mir Arroganz nichts zu tun.

Und da wir nur das sehen, was du uns hier schreibst, kann ich nicht wissen was du hast.

Und wie gesagt, der Body hat einen margin und ein padding, hast du mal probiert beides auf 0 zu setzen?

  • Autor
Sorry, aber ein unsauberes Dokument kann schon mal den Unterschied machen, ob HTML korrekt oder im Quirks-Mode interpretiert wird. Und dann kann es auch zu Dingen kommen, die so eigentlich nicht sein sollten. Das hat mir Arroganz nichts zu tun.

Und da wir nur das sehen, was du uns hier schreibst, kann ich nicht wissen was du hast.

Und wie gesagt, der Body hat einen margin und ein padding, hast du mal probiert beides auf 0 zu setzen?

Na klang halt etwas seltsam. Habe ehrlich gesagt noch nie durch eine solche Formatierung andere Ergebnisse erzielt als wenn ich die Attribute seperat halte. Und meiner Meinung nach ist das auch so W3C konform, oder?

Aber margin war richtig :) Vielen Dank also

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.