ausrichtung von <div> mittels css

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/ausrichtung_von_ltdivgt_mittels_css_102848/page_1 - zur Vollversion wechseln!

kleinerChemiker schrieb am 02.01.2004 um 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 schrieb am 02.01.2004 um 15:04

Schau mal HIER vorbei...

funka schrieb am 02.01.2004 um 15:05

bzw hier (demobsp vom rektal)

Spikx schrieb am 02.01.2004 um 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

kleinerChemiker schrieb am 02.01.2004 um 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 schrieb am 02.01.2004 um 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 schrieb am 02.01.2004 um 15:22

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

watchout schrieb am 02.01.2004 um 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 schrieb am 02.01.2004 um 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 schrieb am 03.01.2004 um 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 schrieb am 03.01.2004 um 12:27

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

Rektal schrieb am 03.01.2004 um 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 schrieb am 03.01.2004 um 12:56

ah.. float kannte ich auch noch gar nicht

clarence schrieb am 04.01.2004 um 00:09

Code:

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

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

Spikx schrieb am 08.01.2004 um 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?