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

div in mitte ausrichten

Status
Für weitere Antworten geschlossen.
hallo
habe folgendes problem:
auf dieser hp wird das "blatt papier" nicht genau in der mitte dargestellt.
(margin-left: 200px;)
würde gerne erreichen, dass es immer in der horizontalen mitte dargestellt wird.
(senkrecht soll es nicht in der mitte sein)
(das ist ein bild, das der hintergrund eines divs ist)
mfg
 
du meinst
z.b.
Code:
margin-left: 1000px; margin-right: 1000px;
und du meinst, dass dann der div in die mitte kommt und nicht nach der ersten angabe ausgerichtet wird?
mfg

EDIT: schaus dir an... geht auch nicht :(
 
Zuletzt bearbeitet:
Irgendwie seh ich da jetzt gar kein Blatt...

Ah, du bindest das Stylesheet nur ein, wenn man den Ie verwendet. Ist das vll ein logischer Fehler?

Stimme treadi zu, width:876px in div.rahmen, die margin-Angaben alle raus und nur margin:0px auto; rein.
 
Irgendwie seh ich da jetzt gar kein Blatt...
wegen margin-left: 1000px;
Ah, du bindest das Stylesheet nur ein, wenn man den Ie verwendet. Ist das vll ein logischer Fehler?
nicht ganz richtig; ich binde ein anderes ein wenn man den ie benutzt
wenn ich mein css entferne stehen nur text und bilder da.
ich probiers nochmal mit margin: 0px auto;
mfg
EDIT:weil es sich im moment im kreis dreht:
ein wenig code:
Code:
div.rahmen {
    float: none;
    border: 0px;
    height: 424px;
    margin: 0px auto;
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: auto;
    background: url(bilder/rahmen.png) no-repeat left top;
                }
und der html code ist einfach:
Code:
<div class="rahmen">
mfg
 
Das "Blatt" sieht man nur im Internet Explorer :mrgreen:
 
ich weiß nicht ob ihr aneinander vorbei redet, aber änder das mal bei dir

Code:
div.rahmen {
    float: none;
    border: 0px;
    height: 424px;
    [U][B][COLOR=Red]width:876px;[/COLOR][/B][/U]
    margin: 0px auto;
    /*margin-left:200px;*/
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: auto;
    background: url(bilder/rahmen.png) no-repeat left top;
                }
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben