_
toggle menu eXmatrikulationsamt.de
online: 362 gäste

>[gelöst] divs positionieren mit vorgaben

Themen Layout: Standard · [Linear] · Outline Thema abonnieren | Thema versenden | Thema drucken
Socres off
post 12 Jul 2010, 17:21
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
ich steh grad mal wieder aufm schlauch und es ist mir warm, deshalb komm ich einfach nich drauf:

ich habe ein 3 divs die wie folgt positioniert werden sollen:

<div id="1">
<div id="2"></div><div id="3"></div>
</div>

div 1 hat eine variable größe.
div 3 hat eine feste größe und soll oben rechts stehen.
div 2 soll oben stehen und den bereich bis zum div 3 ausfüllen

was zur hölle muss ich tun O.O

wichtig ist noch: div3 darf nicht innerhalb von div 2 stehen...
ProfilPM
AntwortenZitierenTOP
 
AntwortAntworten
Antworten(1 - 11)
mcnesium off
post 12 Jul 2010, 17:54
avatar
parse error
*********

Punkte: 13758
seit: 27.05.2003
hä? mal ma uff. und lern ma css :P
ProfilPM
AntwortenZitierenTOP
Socres off
post 12 Jul 2010, 18:32
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
am besten du guckstes dir direkt an:
da kann man das sehen!
user: exma
pass: exma
ProfilPM
AntwortenZitierenTOP
mcnesium off
post 12 Jul 2010, 18:59
avatar
parse error
*********

Punkte: 13758
seit: 27.05.2003
so?
HTML
<div class="window" style="width:300px;height:150px;border:1px solid #000;">
<div class="menubar" style="background-color:#00f;height:20px;">
<div class="window-title" style="float:left;color:#fff;">Schweinefenster 1.0</div>
<div class="window-handler" style="float:right;"><a href="#" style="display:block;width:20px;height:20px;background-color:#f00;"></a></div>
</div>
<div class="window-content">
Hier koennen dann schweineviele Schweineelemente rein...<br />
Und schweinegeil gestylt werden kann das natuerlich auch noch...<br />
</div>
</div>

angehängte Dateien
angehängte Datei  socres.html ( 563bytes ) Anzahl der Downloads: 113
ProfilPM
AntwortenZitierenTOP
Socres off
post 12 Jul 2010, 19:04
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
fast... der handler is der titel-dv und das rote is nur zum schließen gedacht... ich probiers nochma, hab das aber glaub ich vorhin schonmal so gehabt

€: geht natürlich nicht. das blaue muss vom linken rand bis zum roten gehen. denn das ist mein handler zum verschieben des fensters. es darf aber auch nicht unterm roten sein, weil sonst beim klicken aufs rote zwei animationen laufen und es dann nur wild flackert...
ProfilPM
AntwortenZitierenTOP
Socres off
post 12 Jul 2010, 21:07
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
so, habs hinbekommen. falls sowas mal wieder jemand braucht:
CODE

<html>
<head>
 <title> schweinetest </title>
</head>

<body>

<div id="statusdiv" style="visibility:hidden;">MOVING</div>

<div id="dndArea" style="background: url('bg.jpg');
 width:1004px; height:748px; border:1px solid black;
 margin:10px; padding:10px; text-align:left;">

 <div id="window1icon" class="icons" style="text-align:center;
 display:inline-block;">
  <img src="icon48.png" style="width:48px; height:48px;"/>
  </br>Schweinefenster 1.0
 </div>

 <div id="window1" style="
 background:white; border:1px solid black;
 visibility:hidden; width:640px; height:480px;">

  <div id="window1titlebar" style="height:32px; width:100%;
 text-align:center;
 margin:bottom:10px; border-bottom:1px solid black;">
    <div id="window1close" style="float:right;
 height:32px; width:32px;
 background-color:red;">X</div>

    <div id="window1titleicon" style="float:left; height:32px; width:32px;
 background:green;">O</div>
    <div id="window1Handler" style="background:blue; height:32px;
 color:white;">Schweinefenster!</div>
  </div>
 <div id="window1content">
   Hier koennen dann schweineviele Schweineelemente rein...</br>
   Und schweinegeil gestylt werden kann das natuerlich auch noch...</br>
  </div>

 </div>

</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" type="text/javascript" djConfig="parseOnLoad:true">
</script>
<script>
 dojo.require("dojo.dnd.Moveable");
 dojo.require("dojo.fx");
 dojo.require("dojo._base.fx");
 dojo.addOnLoad(function () {
hideWindow();
var dnd1 = new dojo.dnd.Moveable(dojo.byId('window1'),
 { handle : dojo.byId('window1Handler') });
var dnd2 = new dojo.dnd.Moveable(dojo.byId('window1icon'));
dojo.connect(dojo.byId('window1icon'),
 'ondblclick', showWindow);
dojo.connect(dojo.byId('window1close'),
 'onclick', hideWindow);
       dojo.connect(dnd1, 'onMoveStart', windowMovingStarts);
dojo.connect(dnd1, 'onMoveStop', windowMovingStops);
 });

 function showWindow() {
      dojo.style("window1", "visibility", "visible");
      dojo.fadeIn({node : "window1"}).play();
 }

 function hideWindow() {

      var anim = dojo.fadeOut({node : "window1"});
      dojo.connect(anim,"onEnd", function() {
 dojo.style("window1", "visibility", "hidden");});
      anim.play();


 }
 function windowMovingStops() {

dojo.style("statusdiv", "visibility", "hidden");

var anim = dojo.animateProperty({node:"window1", delay:10,
 properties: { opacity: {
  end:1.0}}});
anim.play();
 }

 function windowMovingStarts() {

dojo.style("statusdiv", "visibility", "visible");

var anim = dojo.animateProperty({node:"window1", delay:10,
 properties: { opacity: {
  end:0.5}}});
anim.play();

 }
</script>

</html>
ProfilPM
AntwortenZitierenTOP
sn3ek off
post 12 Jul 2010, 23:03
avatar
busy office
********

Punkte: 1655
seit: 30.06.2006
Holla...

das kann doch keiner lesen^^
warum trennst du HTML und CSS nicht?

Ach und zumindest hier fehlt <!doctype html> damit der IE weiß dass das html sein soll

Dieser Beitrag wurde von sn3ek: 12 Jul 2010, 23:04 bearbeitet


--------------------
Grüße sn3ek
ProfilPM
AntwortenZitierenTOP
I.I off
post 12 Jul 2010, 23:53
avatar
Voll Laser
*******

Punkte: 1430
seit: 21.08.2008
Nichts gegen dich, aber wenn ich den Code und zusätzlich den Code im Zusammenhang mit dem geschilderten Problem sehe, denke ich wirklich das du vielleicht den Berufszweig wechseln solltest ...


--------------------
Verein: USV TU Dresden

--Film Fan--
--Poker Fan--
--Billard Fan--
--Schach Fan--
--Fußball Fan--
--Rennrad Fan--
--Triathlon Fan--
--Volleyball Fan--

--Luiz Bonfa Fan--
--Eliane Elias Fan--
--Scott Joplin Fan--
--The Beatles Fan--
--Woody Allen Fan--
--Bodo Wartke Fan--
--Joao Gilberto Fan--
--Monty Python Fan--
--Volker Pispers Fan--
--Ennio Morricone Fan--
--Alfred Hitchcock Fan--
--Georg Schramm Fan--
--Kool & The Gang Fan--
--Earth, Wind & Fire Fan--

--V for Vendetta Fan--
--Das Leben des Brian Fan--
--Jackie Brown Soundtrack Fan--
ProfilPM
AntwortenZitierenTOP
Socres off
post 13 Jul 2010, 08:59
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
Zitat(sn3ek @ 12 Jul 2010, 23:03)
Holla...

das kann doch keiner lesen^^
warum trennst du HTML und CSS nicht?

Ach und zumindest hier fehlt <!doctype html> damit der IE weiß dass das html sein soll
*

das is doch nur zum probieren...

Zitat(I.I @ 12 Jul 2010, 23:53)
Nichts gegen dich, aber wenn ich den Code und zusätzlich den Code im Zusammenhang mit dem geschilderten Problem sehe, denke ich wirklich das du vielleicht den Berufszweig wechseln solltest ...
*

los nimm deine pillen du vogel
ProfilPM
AntwortenZitierenTOP
SidKennedy off
post 13 Jul 2010, 09:21
avatar
don't do hiphop
********

Punkte: 1535
seit: 01.10.2003
nicht dass ich zum thema was beitragen könnte (web is nich so meins) aber habe mir den link trotzdem mal angeschaut. find das recht cool mit dem fenster dort. aber nur eine frage: soll man das fenster auch außerhalb des "desktops" (also dieser rahmen mit windows-hintergrund) dort verschieben können?


--------------------
How up do high-knee

bild kann nicht angezeigt werden
ProfilPM
AntwortenZitierenTOP
Socres off
post 13 Jul 2010, 10:14
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
das is momentan egal ob das da drüber schiebbar ist. später wird der "desktop" eh das ganze browserfenster sein...

ziel der übung ist daß am ende dojo-mäßige widgets rauskommen die ich dann anderweitig verwenden kann...
als nächstes wird noch das resizen des fensters ausprobiert...
ProfilPM
AntwortenZitierenTOP
Socres off
post 13 Jul 2010, 17:18
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004
resizing funzt auch... allerdings noch nicht besonders schön...
ProfilPM
AntwortenZitierenTOP
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder:
 
AntwortAntworten Neues Thema erstellenNeues Thema
 
AGDSN
Besuche: 136536956 seit dem 01.10.2003 :: 27324 in den letzen 24 Stunden Impressum :: Nutzungsbedingungen :: Datenschutz :: Fediverse :: Hilfe :: Textversion