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

Problem mit Firefox bzw. IE

Status
Für weitere Antworten geschlossen.
R

reinermar

Neues Mitglied
Hallo zusammen,
ich habe ein Problem mit der Darstellung von Firefox und IE.

Ich habe mir ein Hintergrundbild gemacht dieses auf in der Mitte der Seite angezeigt werden soll. Auf dieses Bild will ich noch Buttons, Textfelder, Bilder etc. einfügen.

Habe es so gelöst:
LINK: MeineDeineUnsere
(Achtung Werbung)

HTML:
Code: 
<head>

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

</head>
<body>

<div class="Box-Frame">
 
<div class="test"> </div>

</div>

</body>
</html>
CSS:
Code: 
.Box-Frame {
    margin: 1em auto;          
    width: 700px;
    height: 600px;
    text-align: center;
    border: 1px solid #990000;
      
    background-image:url(design_700-600.png);
    background-repeat:no-repeat;
}
 
.test{
    margin-top: 200px;
    margin-left: 450px;
    width: 50px;
    height: 80px;
    border: 1px solid #990000;
}

Mein Editor ist: "Macromedia Dreamweaver". Dort wird der test div genau wie es bei dem IE zu sehen ist angezeigt, wieso ist es bei Firefox anders?

Kann man es auch so hinbekommen das es bei beiden gleich aussieht?

Gruß reinermar
 
des mim margin... ist keine so gute idee, hab ich auch vergeblich versucht.
versuchs doch mit
Code: 
position: absolute/relative;
left/right: [xxx]px;
top/bottom: [xxx]px;
Gruß KY
 
reinermar schrieb:
.Box-Frame {
wieso ist es bei Firefox anders?

Kann man es auch so hinbekommen das es bei beiden gleich aussieht?

Gruß reinermar
Zum Vergrößern anklicken....

Der Firefox 2.0 stellt es richtig da.
Das rote Kästchen hat genau 450px Abstand vom linken Rand der großen Box.
Im IE6 504px.

Mit dem Layout wirst du keine Freude haben. Je nach Schriftgröße und Inhalt wird es schnell nicht mehr passen.

Versuche lieber erst die Inhalte auszurichten.
Später zerschnipselst du die Grafik und legst sie unter die einzelnen Boxen.
 
Warum zeigt ist es bei dem IE 504px?

Also ich soll erst die Seite erstellen mit allen Containern und so wie die Container liegen mein Design erstellen?
 
reinermar schrieb:
Warum zeigt ist es bei dem IE 504px?
Zum Vergrößern anklicken....
Den Grund kenne ich jetzt nicht. Ich habs nur mit einem Bildschirmlineal gemessen. Wenn ich sowas rausbekommen will, färbe ich die Flächen unterschiedlich ein und messe die Abstände mit einem Bildschirmlinal.
Dann wird manchmal schnell klar wie sich die Abstände zusammensetzen.
Oft liegt es an einer komischen Eigenschaft die sich haslayout nennt.
Aber das währe jetzt zu ein langes Thema


Also ich soll erst die Seite erstellen mit allen Containern und so wie die Container liegen mein Design erstellen?
Zum Vergrößern anklicken....
Ja so eine Art Grundgerüst mit eingefärbten Containern und kleinen Beispielinhalten ohne border, padding usw.
Dann füge ich erst die Hintergrundbilder ein.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben