• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div-Breite im Firefox

bob18

Neues Mitglied
Hi,

ich habe folgendes Problem. bzw Frage: Ich will ein Div mit einer Breite von 1200px haben. Eigentlich bin ich immer davon ausgegangen dass der Firefox(FF) alles richtig dargestellt wird. Doch im FF ist die Div-Ebene zu kurz. Im Internetexporer wird sie mit der richtigen Breit dargestellt.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Unbenanntes Dokument</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css">
        <!--
            body,td,th {
                font-family: Century Gothic;
            }

            #ebene1 {
                width: 1200px;
                background-color:#FF0000;
            }
        -->
        </style>
    </head>
    <body>
        <div id="ebene1">Hello World</div>
    </body>
</html>
Woran liegt es denn, dass die Ebene1 im FF keine 1200px breit ist?
Vielen Dank schon mal im voraus!

bob18
 
Also meine die Auflösung meines Bildschirms is 1280x800. Wenn ich die Seite öffne fehlt rechts ein ganzes Stück. Wenn ich einen Screenshot mache und das ganze im Photoshop nachmesse, fehlen im FF über 100px.
 
Also meine die Auflösung meines Bildschirms is 1280x800. Wenn ich die Seite öffne fehlt rechts ein ganzes Stück. Wenn ich einen Screenshot mache und das ganze im Photoshop nachmesse, fehlen im FF über 100px.

Hmmm interessant ... ich hab gerade selber mein Auflösung auf 1280 runtergeschraubt und bei mir ist die Box immernoch 1200px breit. Diese Box des Teufels! Kannst du mal einen Screen machen? Villeicht klärt sich dieses Mysterium ja dann :)
 
Gib der #ebene1 mal
Code:
display: block;
und dem body
Code:
margin: 0; padding: 0;
 
<div> ist schon ein Blockelement. Da muss man nicht noch display auf block setzen.

Das <div> ist in jedem Fall 1200 Pixel breit. Du musst noch alle Außen- und Innenabstände auf 0 setzen:

Code:
* { margin: 0;padding: 0; }

und darfst nur das rote messen - nicht das was dahinter noch "übrig" ist.

Btw.: wieso soll das Element diese Größe annehmen? Willst Du etwas bestimmtes erreichen? Was hat CSS mit Auflösungen zu tun?
 
Könnte es sein das du evtl. die Zoom-Funktion im Firefox benutzt hast ^^
Schau da mal nach, ansonsten kann ich meinen Vorrednern nur zustimmen.

LG Harald Lesan
 
Zurück
Oben