Anpassung - Abstände wegmachen

[Lavalampe]

Ich bin gerade dabei, mir ein Freetemplate neu anzupassen, und zwar mit CSS.

Aufbau klappt auch, alles ist da wo es hinsoll. Nur zwischen den einzelnen divs ist immer etwas Platz. Mit *{margin:0px;} bekomme ich den weg, dafür gibt es dann aber gar keine Zwischenräume mehr, der ganze Inhalt wird gequetscht.

Wie kann man das anders machen? Danke :)

 

[Efchen]

Das kannst Du anders machen, indem Du nur da die Abstände wegnimmst, wo Du sie nicht haben willst.
Mit dem Universalselektor sagst Du ja, dass Du nirgends Abstände haben willst, wenn Du das so nicht willst, darfst Du das so nicht schreiben :-)

Gruß,
-Efchen

 

[Lavalampe]

Nun ja, meine Seite ist etwa so aufgebaut:

<div>
<div>
<div></div>
<div></div>
<div></div>
</div>
</div>

Das erste div zentriert, das zweite gibt die Breite an.
Die letzten drei sind navis und content, haben float:left und Breitenangabe.

Wenn ich das *{ usw weglasse, ist im IE alles in Ordnung, aber im FF verlagern sich linke und rechte Navi. Beide gehen einige Pixel nach rechts, die mittlere bleibt wo sie sein soll.

 

[Maxi]

Das erste div zentriert, das zweite gibt die Breite an.

mach da doch einen draus. Du kannst diese beiden Eigenschaften auch locker einem Div zuweisen, dann wird deine Div-Suppe schonmal etwas übersichtlicher.

 

[Lavalampe]

Hab ich jetzt auch gemacht.

Mit left-margin habe ich jetzt alles an seine richtige Position geschoben.
Nur jetzt stimmts im IE natürlich nicht (im Opera ists in Ordnung).

Mit einem IE-Hack funktioniert es leider nicht, left-margin auf 0 oder andere Werte zu setzten. Andere Sachen wie Breite funktionieren.

 

[prm]

Kannst du mal einen Link zur HP posten?
Ist immer besser, wenn man sich alles im Zusammenahng ansehen kann.
Welcher IE macht denn Mucken? Vielleicht kann man das durch eine Zusatzangabe oder einen Hack lösen.

 

[neuroleptika]

div

<div> ist das einzige Blockelement welches in keinem Browser voreingestellte margin / padding-Werte hat.
Unerwartete Abstände liegen fasst immer an anderen Elementen die direkt nach dem öffnenden oder vor schließenden div-Tag liegen:
html

<div id="box1">
<p>Text</p>
</div>
<div id="box2">
<p>Text</p>
</div>

css

  #box1 {
background-color: #DADADA;
}
  #box2 {
background-color: #DADADA;
}

Durch das vorbelegte margin-top / margin-bottom von <p> bleibt eine Lücke zwischen den Hintergrundfarben.
Entfernt man die vertikalen margin von <p> ist die Hintergrundfarbe durchgehend:
css

p {
margin-top: 0;
margin-bottom: 0;
}
  #box1 {
background-color: #DADADA;
}
  #box2 {
background-color: #DADADA;
}

Mit padding bekommt <p> einen Innenabstand und die Absätze
wirken optisch weiter auseinander:
css

p {
margin-top: 0;
margin-bottom: 0;
padding-top: 0.4em;
padding-bottom: 0.4em;
}
  #box1 {
background-color: #DADADA;
}
  #box2 {
background-color: #DADADA;
}

 

[Lavalampe]

Danke, es lag an den uls!