Autor |
Nachricht |
flavio
Threadersteller
Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht:
|
Verfasst Do 03.03.2011 21:09
Titel css bild ist versetzt in IE |
|
|
mahlzeit versuch mich grad ein wenig in css.
ich möchte ein bild unter einem anderen container haben, damit ich das bild je nach seite austaschen kann.
leider macht mir IE einen versatz rein, der in FF und crome nicht da ist. woran liegt das?
Code: |
#wrapper{
width:1000px;
margin: auto;
background-image:url(images/wrapper.png);
background-repeat:repeat-y;
text-align:left;
padding: 0px;
}
#bild{
height:335px;
width:982px;
overflow:hidden;
padding: 0;
position:absolute;
margin: 0 9px 0 ;
z-index:1;
}
#header{
height:335px;
width:982px;
margin: 0 9px 0 ;
overflow:hidden;
padding: 0 ;
position:relative;
z-index:2;
}
|
Code: |
<div id="wrapper">
<!--Headerbereich -->
<div id="bild"><img src="images/image2.png" /></div>
<div id="header">
<div class="logo"></div>
<div id="headline">head</div>
<div id="subline">sub</div>
...
|
[Thema verschoben von 'Programmierung' - HTML/CSS sind keine Programmiersprachen]
Zuletzt bearbeitet von Kash am Fr 04.03.2011 00:21, insgesamt 2-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 03.03.2011 21:27
Titel
|
|
|
Wo genau? Mal mal nen Screenshot.
|
|
|
|
|
Anzeige
|
|
|
flavio
Threadersteller
Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht:
|
Verfasst Do 03.03.2011 21:52
Titel
|
|
|
links versetzt nach rechts.
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 03.03.2011 23:47
Titel
|
|
|
Setz mal, die position von #wrapper auf relative. Dann arbeite für #bild und #header nur mit top und left, nicht mit margin.
Bei width und margin könnte das Box model zuschlagen.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 04.03.2011 00:29
Titel
|
|
|
Du definierst 'Margin' falsch.
Wenn Du die kurzform schreibst und 4 Werte verwendest, dann in diesem Schema:
Zitat: | E {
margin: 10px 10px 10px 10px;
} |
Ansonsten google mal nach double margin bug
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Fr 04.03.2011 00:31
Titel
|
|
|
Zitat: | Du definierst 'Margin' falsch.
| Nö, das geht in Ordnung
Code: | margin [top, bottom] [right left]
margin [top] [right left] [bottom]
margin [top] [right] [bottom] [left]
|
, alles gültige Varianten.
Ist das der 3-pixel-bug? Der tritt imho nur bei Floatings auf.
.
Zuletzt bearbeitet von pantonine am Fr 04.03.2011 00:32, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 04.03.2011 00:37
Titel
|
|
|
Und was bitte schreibt er weiter oben?
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Fr 04.03.2011 00:41
Titel
|
|
|
Zitat: | Und was bitte schreibt er weiter oben? | Verstehe nicht, worauf Du hinaus willst. Ich sehe da 3 Angaben, die alle ok sind.
|
|
|
|
|
|
|
|
Ähnliche Themen |
header versetzt im IE Hilfe!
Firefox zeigt <div> versetzt an
[solved]Pop up wird versetzt dargestellt
javascript: warum ist der mauszeiger versetzt?
CSS float versetzt <div> nach innen (firefox)
Adobe ACrobat 9 Pro - Formular Textfeld Inhalt versetzt
|
|