CSS ausrichtung von elementen

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

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

Umlüx schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 13:46

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

fatmike182 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 14:14

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

EDIT: schnell mal rausgesucht, mit

position:absolute;
bottom:0%

sollts gehn

Umlüx schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 14:20

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

Umlüx schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 15:06

mehrere. sind noch 2 divs drüber.

.dcp schrieb am 31.07.2007 um 15:10

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

fatmike182 schrieb am 31.07.2007 um 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 schrieb am 31.07.2007 um 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.