CSS ausrichtung von elementen

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 13:44

ich bastel grad ein bisschen mit tabellenlosen design rum. fällt aber recht schwer die tables durch divs zu verdrängen

erste frage:
ich hab eine spalte und 2 bilder die da drin und zueinander schön mittig ausgerichtet werden sollen. mit den guten tabellen hätt ich die bilder nebeneinander in 2 zellen gepackt und alles gecentert. wie geht das ohne? ich kann beide direkt nebeneinander reinzentrieren, aber ich will ja abstand zwischen den beiden auch haben.

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4307

31.07.2007 - 13:46

eine idee
du packst die bilder jeweils in ein div, das 50% breit ist und centerst sie in diesem div.

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

31.07.2007 - 13:50

exakt!
Für tabellenloses Design wirst die ganten Float-Sachen oft brauchen & dich regelmäßig damit ärgern. Zwar für das topic jez unwichtig, aber schaus dir an!
Schau aber davor alles mit allen browsern an, da der IE auch nichtvorhandene border als 1px angibt (k.A. welche VErsion, aber bei Tabellen tut ers nicht)

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 14:01

gnarf. 2 div's mit float:left nebeneinander. wenn man die stichworte bekommt ists so einfach

danke

nochwas: die bilder sind unterschiedlich hoch. wie kann ich sie am unteren rand ausrichten?
mit vertical-align: bottom; kleben sie immer noch oben am div

AdRy

Auferstanden

Registered: Oct 2002
Location: Wien
Posts: 5239

31.07.2007 - 14:14

http://www.w3schools.com/css/css_reference.asp
hth

EDIT: schnell mal rausgesucht, mit

position:absolute;
bottom:0%

sollts gehn

Bearbeitet von AdRy am 31.07.2007, 14:18

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 14:17

danke aber das kenn ich schon und benutz es auch. hilft mir momentan aber ned weiter.
mit vertial-align tut sich nix.

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

31.07.2007 - 14:20

hätts eigentlich schon so gemacht.
Notfalls mit position: relative (oder absolut, musst du wissen) bottom: 0;

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 14:33

hmjo das hab ich auch grad ergoogelt und getestet, ging aber ned.

ich greif grad auf die alten gruseligen methoden zurück .... :eek:

das 1x1 px transparente gif

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

31.07.2007 - 14:37

na, das mitn gif is ein Pfusch & oft angewandt dann unübersichtlich. Spätestens mit position muss es gehn! versuch alles durch relativ, absolut, 0px ,0, ... & lass dir sicherheitshalber einen rahmen fürs div anzeigen.

Valign ist scheinbar nur für inlines...

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 14:43

jo rahmen sind eh unerlässlich.
mit position pasiert entweder gar nix oder es haut mir das komplette layout zamm und die box is irgendwo.

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

31.07.2007 - 14:50

hast du rundherum ein div?
relativ richtet dir das Element in de rnächsthöheren Ebene aus, also dann eben in dem umgebenden div.
Absolut tut das auf die absolute Ebene

Umlüx

Huge Metal Fan

Registered: Jun 2001
Location: Kärnten
Posts: 9014

31.07.2007 - 15:06

mehrere. sind noch 2 divs drüber.

.dcp

notamodbuthot

Registered: Jul 2002
Location: new
Posts: 8881

31.07.2007 - 15:10

@fatmike: wärs vielleicht möglich, dass du dir die arbeit machst und "und" ausschreibst? würde stark zur leserlichkeit beitragen.

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

31.07.2007 - 15:15

mah ... sind da ja eh im haxxorc0dersubforum

- war mir nicht bewusst, dass das "&" so ein Problem darstellt...

@Topic: post mal den code oder screenie
gibts ja nicht, ich mach das immer mit Position und (!) bottom

murcielago

Dr. Doom

Registered: Oct 2002
Location: *
Posts: 2695

31.07.2007 - 15:20

Zitat von fatmike182
war mir nicht bewusst, dass das "&" so ein Problem darstellt...

hat dich ja bis jetzt kaum jemand drauf hingewiesen.

topic: post mal den code der seite, dann kann man ja schaun was das problem ist. oder stells wo online.

Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 13:44 ich bastel grad ein bisschen mit tabellenlosen design rum. fällt aber recht schwer die tables durch divs zu verdrängen erste frage: ich hab eine spalte und 2 bilder die da drin und zueinander schön mittig ausgerichtet werden sollen. mit den guten tabellen hätt ich die bilder nebeneinander in 2 zellen gepackt und alles gecentert. wie geht das ohne? ich kann beide direkt nebeneinander reinzentrieren, aber ich will ja abstand zwischen den beiden auch haben.
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4307	31.07.2007 - 13:46 eine idee du packst die bilder jeweils in ein div, das 50% breit ist und centerst sie in diesem div.
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	31.07.2007 - 13:50 exakt! Für tabellenloses Design wirst die ganten Float-Sachen oft brauchen & dich regelmäßig damit ärgern. Zwar für das topic jez unwichtig, aber schaus dir an! Schau aber davor alles mit allen browsern an, da der IE auch nichtvorhandene border als 1px angibt (k.A. welche VErsion, aber bei Tabellen tut ers nicht)
Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 14:01 gnarf. 2 div's mit float:left nebeneinander. wenn man die stichworte bekommt ists so einfach danke nochwas: die bilder sind unterschiedlich hoch. wie kann ich sie am unteren rand ausrichten? mit vertical-align: bottom; kleben sie immer noch oben am div
AdRy Auferstanden Registered: Oct 2002 Location: Wien Posts: 5239	31.07.2007 - 14:14 http://www.w3schools.com/css/css_reference.asp hth EDIT: schnell mal rausgesucht, mit position:absolute; bottom:0% sollts gehn Bearbeitet von AdRy am 31.07.2007, 14:18
Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 14:17 danke aber das kenn ich schon und benutz es auch. hilft mir momentan aber ned weiter. mit vertial-align tut sich nix.
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	31.07.2007 - 14:20 hätts eigentlich schon so gemacht. Notfalls mit position: relative (oder absolut, musst du wissen) bottom: 0;
Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 14:33 hmjo das hab ich auch grad ergoogelt und getestet, ging aber ned. ich greif grad auf die alten gruseligen methoden zurück .... das 1x1 px transparente gif
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	31.07.2007 - 14:37 na, das mitn gif is ein Pfusch & oft angewandt dann unübersichtlich. Spätestens mit position muss es gehn! versuch alles durch relativ, absolut, 0px ,0, ... & lass dir sicherheitshalber einen rahmen fürs div anzeigen. Valign ist scheinbar nur für inlines...
Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 14:43 jo rahmen sind eh unerlässlich. mit position pasiert entweder gar nix oder es haut mir das komplette layout zamm und die box is irgendwo.
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	31.07.2007 - 14:50 hast du rundherum ein div? relativ richtet dir das Element in de rnächsthöheren Ebene aus, also dann eben in dem umgebenden div. Absolut tut das auf die absolute Ebene
Umlüx Huge Metal Fan Registered: Jun 2001 Location: Kärnten Posts: 9014	31.07.2007 - 15:06 mehrere. sind noch 2 divs drüber.
.dcp notamodbuthot Registered: Jul 2002 Location: new Posts: 8881	31.07.2007 - 15:10 @fatmike: wärs vielleicht möglich, dass du dir die arbeit machst und "und" ausschreibst? würde stark zur leserlichkeit beitragen.
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	31.07.2007 - 15:15 mah ... sind da ja eh im haxxorc0dersubforum - war mir nicht bewusst, dass das "&" so ein Problem darstellt... @Topic: post mal den code oder screenie gibts ja nicht, ich mach das immer mit Position und (!) bottom
murcielago Dr. Doom Registered: Oct 2002 Location: * Posts: 2695	31.07.2007 - 15:20 Zitat von fatmike182 war mir nicht bewusst, dass das "&" so ein Problem darstellt... hat dich ja bis jetzt kaum jemand drauf hingewiesen. topic: post mal den code der seite, dann kann man ja schaun was das problem ist. oder stells wo online.

CSS ausrichtung von elementen

Forum Index > Software > Coding Stuff

Umlüx

kleinerChemiker

fatmike182

Umlüx

AdRy

Umlüx

fatmike182

Umlüx

fatmike182

Umlüx

fatmike182

Umlüx

.dcp

fatmike182

murcielago