ausrichtung von <div> mittels css

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4303

02.01.2004 - 15:00

ich würde gerne auf einer hp von tabellen ablassen und statt dessen <div>'s verwenden. aber wie schaffe ich es, daß ein <div>-block genau 600px breit ist und in der mitte steht, unabhängig von der fenstergröße? die breite ist leicht, aber die positionierung hab ich keine ahnung.

tia

MIK

master_of_desas

Big d00d

Registered: Jan 2003
Location: gänserndorf
Posts: 154

02.01.2004 - 15:04

Schau mal HIER vorbei...

funka

Legend
ex-prophet(down below)

Registered: Sep 2000
Location: Vienna / SF
Posts: 6131

02.01.2004 - 15:05

bzw hier (demobsp vom rektal)

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

02.01.2004 - 15:07

hm... die Positionierung in die Mitte des Fensters ist glaube ich nicht einfach so möglich. Oder vielleicht doch, wenn man zB schreibt:

Code:

<div style="width:100%;height:100%;text-align:center;">
    <div style="width:600px">
        bla
    </div>
</div>

Mich würde aber eine bessere/einfachere Lösung auch interessieren

//ah, des is eigentlich eh des, was da funka gepostet hat

Bearbeitet von Spikx am 02.01.2004, 15:10

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4303

02.01.2004 - 15:18

also nicht direkt möglich. thx
gibt es eigentlich eienn grund, daß nahezu überall <div id=""> und nicht <div class=""> verwendet wird?

MIK

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

02.01.2004 - 15:20

Zitat von kleinerChemiker
gibt es eigentlich eienn grund, daß nahezu überall <div id=""> und nicht <div class=""> verwendet wird?

'id=' ist kürzer als 'class='

einziger Grund den ich kenne zumindest

funka

Legend
ex-prophet(down below)

Registered: Sep 2000
Location: Vienna / SF
Posts: 6131

02.01.2004 - 15:22

id ist fuer ein unikates element gedacht
class fuer generelle beschreibungen
(afaik)

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

02.01.2004 - 18:56

Zitat von funka
id ist fuer ein unikates element gedacht
class fuer generelle beschreibungen
(afaik)

nicht nur "gedacht" der wert von id ist laut definition ein dokumentweit eindeutiger bezeichner, und ein sehr strenger parser könnte da sogar einen fehler werfen, wenns den namen nochmal gibt iirc

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4303

02.01.2004 - 19:00

d.h. class="wasweisich" kann ich bei unendlich elementen hinzufügen, id="irgendwas" darf ich eigentlich nur genau einem element hinzufügen.

thx, wieder was gelernt *g*

MIK

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4303

03.01.2004 - 11:32

nächste frage

ich habe ein <div>, in dem befinden sich einige andere <div>'s. 2 davon sollen auf der selben höhe sein, eines allerdings auf der linken seite beginnen, eines auf der rechten. ist das möglich? ich habs bis jetzt nicht geschafft. mit tables wärs leicht

<tr width="100%">
<td align="left"></td>
<td> align ="right"></td>
</tr>

tia

MIK

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

03.01.2004 - 12:27

erreicht man afaik mit
position:relative; und dann zB top:-100px; left:100px;

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4477

03.01.2004 - 12:54

@kleinerChemiker, naechste Frage:

Sowas macht man mit floats

Code:

<div>
  <div style="float: left; width: 49%;">
   linker Teil
  </div>
  <div style="float: right; width: 49%;">
   rechter Teil
  </div>
</div>

Siehe auch http://www.overclockers.at/showthre...434#post1069434 und http://www.overclockers.at/showthre...;threadid=95707 .

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

03.01.2004 - 12:56

ah.. float kannte ich auch noch gar nicht

clarence

Banned

Registered: Jun 2003
Location: *hihi*
Posts: 403

04.01.2004 - 00:09

Code:

linkesDIV
{  position : absolute;
   left : 0px;
   right : 50%; }

rechtesDIV
{  position : absolute;
   left : 50%;
   right : 0px; }

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

08.01.2004 - 12:47

hm.. also ich schaffe es mit keiner dieser Lösungen, 2 divs nebeneinander und zentriert zu haben...

Mit float is jeweils 1 div am linken Rand und am rechten Rand, statt beide in der Mitte.
Mit position:absolute lässt sich die zentrale Ausrichtung ja nur über den Daumen simulieren, imho, und das übergeordnete div mit text-align:center ist unnötig.
Und mit position:relative ist es natürlich ähnlich wie bei absolute..

wia geht des jetzt :confused:

//ah.. die float divs in ein container div geben, und dieses container div in einem übergeordneten container div positionieren?

kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4303	02.01.2004 - 15:00 ich würde gerne auf einer hp von tabellen ablassen und statt dessen <div>'s verwenden. aber wie schaffe ich es, daß ein <div>-block genau 600px breit ist und in der mitte steht, unabhängig von der fenstergröße? die breite ist leicht, aber die positionierung hab ich keine ahnung. tia MIK
master_of_desas Big d00d Registered: Jan 2003 Location: gänserndorf Posts: 154	02.01.2004 - 15:04 Schau mal HIER vorbei...
funka Legend ex-prophet(down below) Registered: Sep 2000 Location: Vienna / SF Posts: 6131	02.01.2004 - 15:05 bzw hier (demobsp vom rektal)
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	02.01.2004 - 15:07 hm... die Positionierung in die Mitte des Fensters ist glaube ich nicht einfach so möglich. Oder vielleicht doch, wenn man zB schreibt: Code: `<div style="width:100%;height:100%;text-align:center;"> <div style="width:600px"> bla </div> </div>` Mich würde aber eine bessere/einfachere Lösung auch interessieren //ah, des is eigentlich eh des, was da funka gepostet hat Bearbeitet von Spikx am 02.01.2004, 15:10
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4303	02.01.2004 - 15:18 also nicht direkt möglich. thx gibt es eigentlich eienn grund, daß nahezu überall <div id=""> und nicht <div class=""> verwendet wird? MIK
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	02.01.2004 - 15:20 Zitat von kleinerChemiker gibt es eigentlich eienn grund, daß nahezu überall <div id=""> und nicht <div class=""> verwendet wird? 'id=' ist kürzer als 'class=' einziger Grund den ich kenne zumindest
funka Legend ex-prophet(down below) Registered: Sep 2000 Location: Vienna / SF Posts: 6131	02.01.2004 - 15:22 id ist fuer ein unikates element gedacht class fuer generelle beschreibungen (afaik)
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	02.01.2004 - 18:56 Zitat von funka id ist fuer ein unikates element gedacht class fuer generelle beschreibungen (afaik) nicht nur "gedacht" der wert von id ist laut definition ein dokumentweit eindeutiger bezeichner, und ein sehr strenger parser könnte da sogar einen fehler werfen, wenns den namen nochmal gibt iirc
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4303	02.01.2004 - 19:00 d.h. class="wasweisich" kann ich bei unendlich elementen hinzufügen, id="irgendwas" darf ich eigentlich nur genau einem element hinzufügen. thx, wieder was gelernt g MIK
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4303	03.01.2004 - 11:32 nächste frage ich habe ein <div>, in dem befinden sich einige andere <div>'s. 2 davon sollen auf der selben höhe sein, eines allerdings auf der linken seite beginnen, eines auf der rechten. ist das möglich? ich habs bis jetzt nicht geschafft. mit tables wärs leicht <tr width="100%"> <td align="left"></td> <td> align ="right"></td> </tr> tia MIK
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	03.01.2004 - 12:27 erreicht man afaik mit position:relative; und dann zB top:-100px; left:100px;
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4477	03.01.2004 - 12:54 @kleinerChemiker, naechste Frage: Sowas macht man mit floats Code: `<div> <div style="float: left; width: 49%;"> linker Teil </div> <div style="float: right; width: 49%;"> rechter Teil </div> </div>` Siehe auch http://www.overclockers.at/showthre...434#post1069434 und http://www.overclockers.at/showthre...;threadid=95707 .
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	03.01.2004 - 12:56 ah.. float kannte ich auch noch gar nicht
clarence Banned Registered: Jun 2003 Location: hihi Posts: 403	04.01.2004 - 00:09 Code: `linkesDIV { position : absolute; left : 0px; right : 50%; } rechtesDIV { position : absolute; left : 50%; right : 0px; }`
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	08.01.2004 - 12:47 hm.. also ich schaffe es mit keiner dieser Lösungen, 2 divs nebeneinander und zentriert zu haben... Mit float is jeweils 1 div am linken Rand und am rechten Rand, statt beide in der Mitte. Mit position:absolute lässt sich die zentrale Ausrichtung ja nur über den Daumen simulieren, imho, und das übergeordnete div mit text-align:center ist unnötig. Und mit position:relative ist es natürlich ähnlich wie bei absolute.. wia geht des jetzt //ah.. die float divs in ein container div geben, und dieses container div in einem übergeordneten container div positionieren?

ausrichtung von <div> mittels css

Forum Index > Software > Coding Stuff

kleinerChemiker

master_of_desas

funka

Spikx

kleinerChemiker

Spikx

funka

watchout

kleinerChemiker

kleinerChemiker

Spikx

Rektal

Spikx

clarence

Spikx