zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Fullscreen Container mit internen divs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.10.2009, 11:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2009
Beiträge: 1
purewhite befindet sich auf einem aufstrebenden Ast
Standard Fullscreen Container mit internen divs

Hallo zusammen,
ich versuche einen Fullscreen Div-Container (mit Fullscreen Hintergrund zentriert) mit 3 weiteren Divs zu füllen. Diese 3 weiteren Divs sollen an einer festen Position (auch zentriert) sich mit der Fullscreen-Container-Größe ausrichten.
Ich habe das Problem, dass die weiteren Divs statisch auf der Seite kleben und bei einem Resize des Fensters, diese Divs sich nicht mitbewegen bzw. neu ausrichten.
Könnte mir hier jemand helfen?
Danke und Viele Grüße
PW


Folgend Code für Fullscreen und Divs:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test mit Divs</title>

<style type="text/css">

  body{ height:100% }
  div.container{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
	height:100%;
	
	background:#eee;
	background-image: url(backgroundimage.jpg);
	background-repeat:no-repeat;
	background-position:center;

	text-align:center;
  }
  #imageone {
	width:355px;
	height:54px;
	position:absolute;
	left: 650px;
	top: 640px;
}
  #imagetwo {
	width:355px;
	height:54px;
	position:absolute;
	left: 440px;
	top: 564px;
}
  #imagethree {
	width:355px;
	height:54px;
	position:absolute;
	left: 850px;
	top: 568px;
}
</style>

</head>
<body>


<div class="container">
  <div id="imageone">Div für erstes Bild"</div>
    <div id="imagetwo">Div für zweites Bild"</div>
      <div id="imagethree">Div für drittes Bild"</div>
</div>


</body>
</html>

Geändert von purewhite (31.10.2009 um 11:55 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.11.2009, 16:24
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.039
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Hallo,

das ist ja auch kein Wunder, du vergibst fixe Werte für deine Bildcontainer, während body unterschiedlich groß sein kann - je nach Browserfenster und Bildschirmauflösung.

Möglich wäre das mit prozentualen Werten für die Positionierung, die Technik für sowas (horizontales Ausrichten) geht z.B. etwa so:

Code:
 #bildcontainer {

position:absolute;
left: 30%;  /* bezieht sich auf Elterncontainer */
margin-left: -150px; 

}
Der negative margin-left ist hier halb so breit wie die Breite des Containers.

Ich fürchte jedoch, dass bei der fixen Breite deiner Container jegliche wohl gewünschte "flexible" Lösung ein wenig überfordert ist. Die Dinger haben zusammen über 1050 px Breite, wie klein soll es denn werden? Auch die Container müssten in der Größe schrumpfen
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
divs mit position:absolute zentrieren Karas CSS 3 12.09.2009 21:05
Floatende DIVs fallen aus Container raus mimii CSS 3 13.01.2009 12:48
Container geht nicht über alle anderen divs Hurrican CSS 1 10.08.2008 11:12
Positionierung von Container horizontal mayhemtl CSS 9 11.08.2007 16:25
Zwei DIV's mit float in anderem DIV Container mnitsch CSS 2 09.05.2007 17:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:23 Uhr.