Geld für Ihre Startseite!

Tanario · 01.12.2011, 19:32:33

Hallo zusammen,

ist es möglich eine box an einer anderen auszurichten, und wie geht sowas ?

Gruß Tanario

kbot · 01.12.2011, 19:35:47

ja

Stichworte:
CSS, DIV, position

theHacker · 01.12.2011, 19:36:58

Ja

Stichwort ist "relative Positionierung".

Tanario · 01.12.2011, 19:58:07

es klappt einfach nicht ;(

ich habe eine große box, direkt darüber möchte ich 6 kleinere boxen haben.

PHP-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:


		
			
<style type="text/css">

  

  

  #naviagtion_1 {

    position: absolute;

    margin-left: 380px;

    width: 128px;

    height: 31px;

    background-color:#999

    

    

  }

  #content {

    

    position: absolute;

    left: 50%;

    top: 50%;

    width: 792px; /* Breite des Elements */

    height: 562px; /* Höhe des Elements */

    margin-left: -396px; /* Breite des Elements geteilt durch zwei! */

    margin-top: -281px; /* Höhe des Elements geteilt durch zwei! */

    background-color: #CCCCCC;

  }

kbot · 01.12.2011, 20:03:52

hmm, hast du dir mal die Funktionsweise von "position:" durchgelesen?

und theHacker schrieb etwas von "relative" Positionierung

Tanario · 01.12.2011, 20:19:09

jetzt wo du es sagst.

Ich versuch mich mal da durch zubeißen.

Vielen Dank für die Hilfestellung

Tanario · 02.12.2011, 17:30:38

So ich denke jetzt habe ich es verstanden

vielen vielen Dank !
Jetzt kommt aber das nächste Problem wie schaffe ich die weiteren kleinen boxen mittig über den Content Bereich zuplatzieren ?

PHP-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:


		
			
<style type="text/css">

  

  

  #naviagtion_1 {

    float:left;

    margin:0 auto;

    position: relative;

    width: 128px;

    height: 31px;

    background-color:#999;    

  }

 

   #naviagtion_2 {

    margin:0 auto;    

    position: relative;

    width: 128px;

    height: 31px;

    background-color:#999;    

  }

  

  #content {

    

    margin:0 auto;

    position:relative;

    width: 792px; 

    height: 562px; 

    background-color: #CCCCCC;

}



</style>

kbot · 02.12.2011, 17:33:15

Ich lerne CSS

interessant, was Google alles so bieten kann

Tanario · 02.12.2011, 17:40:34

mhh. auf der Seite war ich schon wurde aber nicht schlauer...
das problem was ich habe ist das auf einer höhe nebeneinander mehrere boxen welche gleich groß sind mittig angezeigt werden sollen wenn.

kbot · 02.12.2011, 17:46:59

dann musst du halt nur bei den "Rand-Boxen" das margin auf "auto" setzen und zwischen den Boxen eben eine feste margin von 10 px oder so machen

oder du setzt die Boxen zusammen in eine Box und machst dann für diese Box dann "auto"

Tanario · 02.12.2011, 19:33:24

So ich komme weiter

DANK deiner Hilfe !!!
Vielen Dank dafür jetzt bitte nur noch einen heisen Tipp

Wie bekomme ich die #Naviagtion_1 bis Navigation_6 zentriert ?

PHP-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:


		
			
<style type="text/css">

  

   #naviagtion_1 {

    float:left;

    margin:0 auto;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

 

    #naviagtion_2 {

    float:left;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

 

   #naviagtion_3 {

    float:left;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

  

    #naviagtion_4 {

    float:left;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

  

    #naviagtion_5 {

    float:left;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

  

    #naviagtion_6 {

    margin:0 auto;

    float:left;

    width: 132px;

    height: 31px;

    background-color:#999;    

  }

  

   #content {

    clear:left;

    margin:0 auto;

    position:relative;

    width: 792px; 

    height: 562px; 

    background-color: #CCCCCC;

  }



</style>



 </head>

<body>



<div id="naviagtion_1">Navi1</div>

<div id="naviagtion_2">Navi2</div>

<div id="naviagtion_3">Navi3</div>

<div id="naviagtion_4">Navi4</div>

<div id="naviagtion_5">Navi5</div>

<div id="naviagtion_6">Navi6</div>

<div id="content">Content</div>

kbot · 02.12.2011, 19:38:16

Zitat:

Zitat von Tanario

Wie bekomme ich die #Naviagtion_1 bis Navigation_6 zentriert ?

genauso wie im Fall vorher ^^

Tanario · 02.12.2011, 19:55:47

Habe ich doch getan oder ?

Die biederen äuseren boxen sind doch auf margin: auto gesetzt
aber es wird nicht mittig angezeigt

kbot · 02.12.2011, 20:18:11

was bewirkt eigentlich das "float:left;" bei deiner Navigation?

Tanario · 03.12.2011, 17:50:21

das die einzelnen boxen nebeneinander dargestellt werden.

Habe es nun geschafft vielen DANK !!!!!

01.12.2011, 19:32:33	#1 (permalink)
Tanario Grafiker ID: 354150 Lose-Remote Reg: 13.04.2008 Beiträge: 630	Box ausrichten Hallo zusammen, ist es möglich eine box an einer anderen auszurichten, und wie geht sowas ? Gruß Tanario

01.12.2011, 19:36:58	#3 (permalink)
theHacker bekämpft die Mächte des Bösen ID: 69505 Lose-Remote Reg: 20.04.2006 Beiträge: 20.468	Ja Stichwort ist "relative Positionierung". -> www.theHacker.ws v3 <- \| Lose-Gutscheine.de Werbung: Premium-Lose.de - Hier legt man Lose an!

03.12.2011, 17:50:21	#15 (permalink)
Tanario Grafiker ID: 354150 Lose-Remote Reg: 13.04.2008 Beiträge: 630	das die einzelnen boxen nebeneinander dargestellt werden. Habe es nun geschafft vielen DANK !!!!! Geändert von Tanario (03.12.2011 um 18:00:09 Uhr)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[HTML/CSS] Div links ausrichten	web2null	Programmierung	4	15.04.2011 10:01:59
[HTML/CSS] CSS - relative Box ausrichten	XadreS	Programmierung	12	31.03.2010 18:01:21
[CSS] Footer an Browsergröße ausrichten	kryb	Programmierung	4	31.12.2007 19:47:58
[CSS] 3x3 bilder ausrichten	hypostasis	Programmierung	2	11.11.2007 18:48:50
[HTML/CSS] Text vertikal ausrichten	everdead	Programmierung	2	11.01.2007 16:13:58

01.12.2011, 20:19:09	#6 (permalink)
Tanario Grafiker ID: 354150 Lose-Remote Reg: 13.04.2008 Beiträge: 630	jetzt wo du es sagst. Ich versuch mich mal da durch zubeißen. Vielen Dank für die Hilfestellung

02.12.2011, 17:40:34	#9 (permalink)
Tanario Grafiker ID: 354150 Lose-Remote Reg: 13.04.2008 Beiträge: 630	mhh. auf der Seite war ich schon wurde aber nicht schlauer... das problem was ich habe ist das auf einer höhe nebeneinander mehrere boxen welche gleich groß sind mittig angezeigt werden sollen wenn.

02.12.2011, 19:55:47	#13 (permalink)
Tanario Grafiker ID: 354150 Lose-Remote Reg: 13.04.2008 Beiträge: 630	Habe ich doch getan oder ? Die biederen äuseren boxen sind doch auf margin: auto gesetzt aber es wird nicht mittig angezeigt

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)