DIV Fragen

Re(3): DIV Fragen

Dr. Watson — Wed, 12 Sep 2007 13:42:02 GMT

Ad 1) Das Attribut text-align bezieht sich, wie der Name schon sagt, nur auf Inline Elemente / Text, darum darf das Table Element dadurch nicht beeinflusst werden - macht der IE es dennoch, ist das ein Fehler im Browser.

Wenn du die Tabelle im DIV rechts ausrichten willst, dann geht das mit margin-left: auto;

Solang es keine tabellarischen Daten sind, ist eine Tabelle für ein Suchfeld aber eh die falsche Lösung - passt also wenn du es entfernt hast.

Re(2): DIV Fragen

ruprecht69 — Wed, 12 Sep 2007 13:38:05 GMT

Supi, danke für die Tipps. Es ist echt ein grobes Umdenken angesagt.

Ad 1.) ging nicht, weil eine Tabelle drin war. Die wird im IE zwar rechts ausgerichtet, aber im FF/Opera nicht. Hab' die Tabelle nun entfernt nun klappts

Ad 2.) Funktioniert supi.

Dankeschön ...

Re(2): DIV Fragen

ruprecht69 — Tue, 11 Sep 2007 22:45:51 GMT

ad 1) schau ich mir morgen nochmal an
ad 2) padding-right ist des rätsels lösung

Thx erstmal

Re: DIV Fragen

Dr. Watson — Tue, 11 Sep 2007 20:24:03 GMT

1) geht ohne weiteres mit text-align bei dem div, der auch das bg image hat, wenn nicht, hast du irgend einen murks gedreht.

2) kannst du mit der veralteten "2 tabellenzeilen sind so hoch wie die höchste" denkweise nicht erzielen. normalerweise löst man sowas mit einem div, gibt das image als rechts ausgerichtetes background image an, platziert den text im div, und sorgt mit einem padding-right dafür, dass der text nicht über das bg image läuft.

wenn mans kann, ist es mit purem css übrigens in null komma nix erledigt, während andere noch an 10x verschachtelten tabellenlayouts knuspern.

DIV Fragen

ruprecht69 — Tue, 11 Sep 2007 16:53:53 GMT

Soderle, widme mich einem Template aus DIVs. Nur das Zeug will mir für ein Pagedesign einfach nicht schmecken. Hab eine Design-Vorlage, die man mit Tables in null-komma-nix realisiert hätte. Mit DIVs ist das ein einziger Krampf. Kennt vielleicht jemand eine Lösung für folgende Probleme:

1.) DIV, 100% breit, Image Links, Suchbar rechts; Hab Image als BG, nur das Suchfeld mit text-align: right funktioniert nur im IE, FF+Opera ignorieren die Ausrichtung

Hier ein Beispiel dafür


-----------------------------------------
###
###                              Suchfeld
###
-----------------------------------------

2.) zwei gleichhohe DIVs, das rechte ist ein Bild, links soll Text stehen, wichtig ist, dass beide gleichgross sind. (Anm.: genauso hoch wie das Bild)

Hier ein Beispiel dafür


----------------######
blatext         ######
                ######
----------------######

Danke schon mal im voraus