Webblob: divs positionieren ohne zwischenabstand

Beitrag lesen

SELF-Forum

divs positionieren ohne zwischenabstand

Webblob
– Informationen zu den Bewertungsregeln

Hallo Jürgen,

hallo Leute , ich komme einfach nicht mehr weiter beim Css positionieren:

das glaub' ich dir gerne...! So viele Klassen, alles relativ, vor allem relativ wenig Inhalt z.B.
<!--blauer kasten-->
  <div class="b">
  </div>

zwischen den divs ist im Ie immer ein abstand

IE-bug -> siehe http://positioniseverything.net/explorer/threepxtest.html

und der Netscape Browser macht was ganz anderes..

meistens das Richtige...

dabei soll es so aussehen wie im Opera.

sicher? mit dem Abstand des Inhalts zum Rahmen rechts außen (in OP 7.23)?

Wer weiß Rat?

Ein gutes CSS Tutorial?

Ich habe mir deinen Quelltext und deine CSS Datei mal angeguckt, bin mir aber ehrlich nicht ganz im klaren darüber, wie es nun eigentlich aussehen soll.

Allerdings finde ich deinen Ansatz schon viel zu aufwendig & kompliziert.
Lass' die Elemente doch im 'normalen Fluß', verwende 'float' nur da, wo es wirklich gebraucht wird (es gibt ja z.B. auch noch die 'display:inline' Eigenschaft, sowie 'margin' und 'padding'). Frei nach dem Motto: "weniger ist Mehr!".

Zu beachten sind natürlich auch noch solche Dinge wie:

  • Doctype-Switch (speziell im Bezug auf den Box-Modell Bug)
  • Browser-Bugs (wovon die versch. IE Versionen ja bekanntlich am meisten zu bieten haben)
  • fehlende Unterstützung einiger CSS Eigenschaften in gewissen Browsern
  • etc.

Ferner würde ich dir raten, ruhig auch mal #ID's an Stelle von .Klassen zu verwenden. Und wenn Klassen, dann richtig, oder meinst du hier bspw.

h1.h1{font-family: arial, geneva, sans-serif; font-size:1.2em; color:#000000; }

wirklich nur die Überschriften 1. Ordnung, die der Klasse 'h1' angehören?
Auch mit der jeweiligen Namensvergabe ist das so eine Sache.

Das ist alles nicht böse gemeint, nur solltest du vielleicht noch mal einige fertige Layouts studieren und anschließend über einen neuen Ansatz nachdenken.

Ein paar gibt's u.a. hier:
http://webhost.bridgew.edu/etribou/layouts/
http://css-discuss.incutio.com/?page=TwoColumnLayouts
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Gruß Gunther

Beitrag melden
–
Informationen zu den Bewertungsregeln