Autor |
Nachricht |
Traxxas
Threadersteller
Dabei seit: 13.11.2013
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 13.11.2013 21:21
Titel CSS Problem beim mittigen ausrichten von Divs |
|
|
Hallo Leute,
ich spiele mich schon längere Zeit mit meinen 2 Divs, die einfach nicht so funktionieren wie ich es möchte:
Code: |
<div id="slideposition" class="slideposition">
<div class="grid-block">
<?php echo $this['widgets']->render('slideposition', array('layout'=>$this['config']->get('slideposition'))); ?>
</div>
</div>
|
Code: |
.slideposition{
position:absolute;
width: 100%;
min-width:1030px;
max-width:1700px;
left: 50%;
margin-left:-850px;
top: 124px;
text-align:center;
}
.wk-slideshow-default > div { position: relative; min-width:1030px;}
|
Also in "grid-block" wird dieses wk-slideshow.default angezeigt. (ist ein Joomla Modul)
Das ganze ist optimiert für 1700px Bilder und funktioniert so auch problemlos... wenn das Browserfenster größer wird macht es auch keine Probleme. Wird das Browserfenster jedoch kleiner, verschiebt sich das Bild links ins Nirwana.
Ich weiß das dann die -850px das Problem sind, aber wie soll ich es sonst lösen? mit -50% funktioniert es leider nicht.
Hoffe ihr könnt mir helfen :/[/code]
Zuletzt bearbeitet von Traxxas am Mi 13.11.2013 21:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mi 13.11.2013 22:31
Titel
|
|
|
Dafür gibts keine Lösung, so funktioniert absolutes Positionieren nun mal. Du kannst den äußeren Container/Body ne Mindestbreite geben, dann wird im Zweifel ne Scrollbar angezeigt oder mit Media Queries o.ä. mehrere Layoutvarianten verwenden.
|
|
|
|
|
Anzeige
|
|
|
Traxxas
Threadersteller
Dabei seit: 13.11.2013
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 14.11.2013 09:19
Titel
|
|
|
Hallo,
Danke für deine Info, ich habe es jetzt von Grund auf überarbeitet und jetzt funktioniert es.
Sprich: body auf 100% statt 1030 px und alle innerhalb von body auf 1030px... außer den div "slideposition"
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 14.11.2013 11:27
Titel
|
|
|
Man 'optimiert' auch nicht für HyperHyperDesigner iMac Auflösungen
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Do 14.11.2013 11:59
Titel Re: CSS Problem beim mittigen ausrichten von Divs |
|
|
Ungetestet:
Code: |
.slideposition{
position:absolute;
width: 100%;
min-width:1030px;
top: 124px;
text-align:center;
overflow: hidden;
}
.grid-block {
width: 200%;
margin-left: -50%;
text-align: center;
}
.grid-block img {
width: 50%;
min-width: 1030px;
max-width: 1700px;
}
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit DIVS
problem mit IE und divs
Problem mit DIVS
CSS Problem mit Divs
Problem mit verschachtelten DIVs im IE.
[problem] ausrichtung eines divs
|
|