Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

purewhite · 31-10-2009, 13:25

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.
Muss ich das mit Floating divs machen?!?!?
Könnte mir hier jemand helfen?
Danke und Viele Grüße
PW

Beipsiel:

HTML-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>

Nightflyer · 31-10-2009, 22:32

Wie genau sollen sie sich den ausrichten? Gibt mehrere Möglichkeiten mit je anderem Effekt...

position:absolute; right: 200px;

oder

position: absolute; left: 70%; margin-left: -100px;

oder

float:right; margin-right: 200px;

cf_Alexander · 01-11-2009, 08:42

wie haben so ein thema kürzlich hier umgesetzt, vieleicht hilft es dir weiter wenn du ein bissel abschaust:
Haustein Telefonoptimierung | Ich optimiere Ihre Telefonkosten

die lösung geht natürlich auch im ie6...

31-10-2009, 22:32	#2 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Wie genau sollen sie sich den ausrichten? Gibt mehrere Möglichkeiten mit je anderem Effekt... position:absolute; right: 200px; oder position: absolute; left: 70%; margin-left: -100px; oder float:right; margin-right: 200px; __________________ (\__/) (='.'=) (")_(") Geändert von Nightflyer (31-10-2009 um 22:34 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Deaktivieren von div's	derkrebs	HTML und CSS	1	17-02-2009 10:01
div's nebeneinander platzieren	echo5-7	HTML und CSS	8	23-11-2007 15:06
Tabelle mit div's machen	Nightflyer	HTML und CSS	22	29-03-2006 19:14
gefloatete div's in Container	Nightflyer	HTML und CSS	6	13-11-2005 19:46
mehrere Div's	Predator	HTML und CSS	2	23-01-2004 09:57

01-11-2009, 08:42	#3 (permalink)
cf_Alexander Neuer User Registriert seit: Oct 2009 Beiträge: 6	wie haben so ein thema kürzlich hier umgesetzt, vieleicht hilft es dir weiter wenn du ein bissel abschaust: Haustein Telefonoptimierung \| Ich optimiere Ihre Telefonkosten die lösung geht natürlich auch im ie6...