Hallo Leute!

Ich möchte jetzt 100% auf div und css umsteigen. Nun hat sich mir folgendes Problem in den weg gestellt:

Ich habe z.B. einen Strich dieser setzt 10 px vom rand entfernt ein und soll bis zum browserende rechts gehen. Allerdings wenn ich als breite 100% angebe geht er über den rand hinaus (genau die 10 px). Wie kann ich das umgehen ohne dem Strich eine feste größe zuzuordnen, also das er mit browserminimierung kleiner wird.

---
Just Peace!

wie realisierst du ihn denn momentan?

ah problem hat sich erledigt... mein gott die varianten sparen ja unmengen von Zeit hätte ich mich mal früher damit beschäftigt

---
Just Peace!

wie denn?

ATooM schrieb am 23.03.2005 12:09 Ich möchte jetzt 100% auf div und css umsteigen.

Wenn ich das mal so formulieren darf: Das ist Unsinn.
Du steigst vielleicht auf CSS-Layout um, aber was hat das mit dem HTML-Tag div zu tun?
Ein weit verbreiteter Irrglaube unter CSS-Anfängern ist, dass zu einem CSS-Layout immer divs gehören. Das ist falsch. CSS-Anfänger schmeissen meist mit divs nur so um sich. Das ist Unsinn. Informiere Dich über "semantisches HTML". Dann wirst Du lernen, dass ein div manchmal ein ganz praktisches Instrument ist, aber für ein CSS-Layout nicht zwingend notwendig ist, wie Dir immer wieder Leute weis machen wollen.

Nun hat sich mir folgendes Problem in den weg gestellt:

Du setzt einen margin-left:10px und einen margin-right:0; Fertig.

das mit dem margin funktioniert nicht, oder ich habe es falsch angewendet, was warscheinlicher ist:



---
Just Peace!

1: 2:

Wo ist dein DIV denn nu absolute positioniert?
Dann gib Ihm doch eine position mit "top:(x)px;" und "left:(x)px;".

Warum "font-size:0;"??????????
Wenn kein Text reinkommt, hau weg!!!!

Gib dem DIV doch eine Breite "width:(x)px/%;"

Wenn du einen DIV innerhalb eines DIVs absolute positionieren möchtest, muss der Haupt-DIV ebenfalls absolute positioniert sein, sonst geht die Ausrichtung vom body aus.
Ich glaube das ist dein Fehler.

Aber dein DIV ist mir als Anfänger zu hoch, gib doch bitte mal ein Link an wo man das Prolem besichtigen kann.

Gruß B.

Habs jetzt ganz anders gelöst aber danke... Das Problem waren die absoluten positionierungen ich habe es nun mit float gemacht.

---
Just Peace!

Ich persönlich finde es besser den ersten DIV (CONTENT/MAIN) absolut zu positionieren.

body { margin:0; padding:0; }

#content { width:760px; position:absolute; left: 50%; margin-top: 0px; margin-left:-380px; }

Du must nur immer drauf achten, den margin-left im #content um die Hälfte der Breite zu negieren.

Besser als text-align:center.

das kann aber zu problemen führen, besonders aufgrund des Internet Explorers... und wird allgemein als unschön angesehen...

---
Just Peace!

schau mal für Spass hier.
Da ist es so wie beschrieben, falls du den IE nutzt, teile mir bitte mal dein Ergebnis mit.

PS.: Es ist noch nicht alle fertig und ausgerichtet.

Gruß B.

Ja gut das funktioniert jetzt alles , ich sag ja es kann zu problemen führen...
Aber das ist ja auch ein "pixelgenaues" layout, d.h. es passt sich nicht verschieden großen Browsern an, da es sowieso für kleine Formate gemacht ist. Die Schriftgröße lässt sich auch bei dieser Seite gut anpassen.

Noch eine Empfehlung die ich bereits zu deiner anderen Seite unter "Eure Seiten" geschrieben habe benutze unbedingt das list format (ul li) für das Menü, im anderen Forum habe ich ein Link zu einem Tutorial gepostet... Das gehört einfach zum Layouten mit div und css dazu!

Meiner Meinung nach solltest du die Seite so auslegen, dass sie den vollen umfang nutzt, das sieht einfach schöner aus... Gerade bei dem Aufbau, wie du ihn genutzt hast bietet sich das an.


Ich hab die Page übrigens auch unter Opera noch getestet funktioniert auch.

---
Just Peace!

Mit dem Umstieg sollte man immer vorsichtig sein. Nachdem ich mal die Standards voll ausgereizt habe, zeigt mir der IE die Seite kaum noch an . Jetzt gehts an die Workarounds, was u.U. lästige Arbeit ist.

Schaus dir mal im FF und mal im IE an: http://www.politopia.de/odm.de.vu/

---
Arbeit ist das Feuer der Gestaltung. - Marx

Ja das Problem dabei ist das der Internet explorer XML (also auch xhtml) nicht unterstützt... Du rufst die css Datei per xml auf , das ist klar das es nur per firefox funktioniert

---
Just Peace!

deshalb ist der wechsel von html auf xhtml auch gewagt, denn der Internet Explorer unterstützt es wie gesagt noch nicht und interpretiert die Datei als Html... Er läuft dann im Quirks Modus, was zur Folge hat das noch mehr CSS standarts nicht funktionieren.

---
Just Peace!