Ausrichtung eines Containers
- Themenstarter webberNRW
- Beginndatum
- Status
M
Maik
margin-left / margin-top
suchst du vielleicht sowas...?
diese CSS-methode positioniert beim maxi- bzw. minimieren des browserfensters den DIV-container immer in der mitte (horizontal & vertikal).
greez - maik.l
suchst du vielleicht sowas...?
PHP:
<style type="text/css">
#centerDiv
{
position:absolute;
left:50%;
top:50%;
margin-left:-350px; /* negative hälfte von width */
margin-top:-150px; /* negative hälfte von height */
width:700px;
height:300px;
clip:rect(0,700,300,0);
}
</style>diese CSS-methode positioniert beim maxi- bzw. minimieren des browserfensters den DIV-container immer in der mitte (horizontal & vertikal).
greez - maik.l
Eigentlich suche eher eine Möglichkeit ein GIF zu platzieren, nach dem sich
der Container immer ausrichtet.
Aber dein Vorschlag ist dennoch ein Ansatz, da man einen Container, der
genauso groß ist wie die Tabelle, einfach über die Tabelle legt.
Aber wie kann ich nun einen anderen Container fest in dem zentrierten
Container verankern. Bspw. für einen News-Container, der einen Überlauf hat,
aber nur an der rechten Seite erscheint?
Gruß,
Webber
der Container immer ausrichtet.
Aber dein Vorschlag ist dennoch ein Ansatz, da man einen Container, der
genauso groß ist wie die Tabelle, einfach über die Tabelle legt.
Aber wie kann ich nun einen anderen Container fest in dem zentrierten
Container verankern. Bspw. für einen News-Container, der einen Überlauf hat,
aber nur an der rechten Seite erscheint?
Gruß,
Webber
M
Maik
nested DIV-container
das wäre mein vorschlag:
im html-code sieht's dann so aus:
greez - maik.l
das wäre mein vorschlag:
PHP:
<style type="text/css">
#centerDiv
{
position:absolute;
left:50%;
top:50%;
margin-left:-350px; /* negative hälfte von width */
margin-top:-150px; /* negative hälfte von height */
width:700px;
height:300px;
clip:rect(0,700,300,0);
}
#newsDiv
{
position:absolute;
left:500px;
top:0px;
width:200px;
height:300px;
clip:rect(0,200,300,0);
}
</style>im html-code sieht's dann so aus:
PHP:
<div id="centerDiv">
<div id="newsDiv">...</div>
</div>greez - maik.l
Zuletzt bearbeitet von einem Moderator:
Flame
Erfahrenes Mitglied
Findet man vielleicht irgendwo mal ein deutsches Tutorial darüber?
Speziell für die Ausrichtung mit absolute, fixed, static etc.
Denn ich habe das Probelm, das er je nach dem immer anderen macht.
Das fängt damit an, das er nicht die richtigen Breiten und Höhen ausgibt.
Wie kann ich z.B.
einen div Container als Hauptcontainer nehmen.
Darin sollen rechts 4 Container untereinander
Und Links 2 untereinander eingebettet sein.
Er macht es bei mir nicht. Jedenfalls nicht richtig.
Speziell für die Ausrichtung mit absolute, fixed, static etc.
Denn ich habe das Probelm, das er je nach dem immer anderen macht.
Das fängt damit an, das er nicht die richtigen Breiten und Höhen ausgibt.
Wie kann ich z.B.
einen div Container als Hauptcontainer nehmen.
Darin sollen rechts 4 Container untereinander
Und Links 2 untereinander eingebettet sein.
Er macht es bei mir nicht. Jedenfalls nicht richtig.
Pumpi
Grünschnabel
Original geschrieben von webberNRW
Hat sich erledigt. Ich habe das Script zur Containerausrichtung.
Es funktioniert mit links und gifs.
Trotzdem vielen Dank. Deine Ideen helfen mir bei anderen Seiten
auf jeden Fall weiter!
Hmmm vor dem problem stehe ich auch gerade und finde einfach keine Lösung könntest du mir vielleicht weiterhelfen wie du das gemacht hast
- Status
