Ingo Turski: Layout Problem

Beitrag lesen

Hi,
ein paar kleine Tips, damit Du nicht verzweifelt aufgibst..;-)

<body style="margin: 0px;">

Manche Browser setzen hier auch ein padding und andere geben HTML ein padding.

<div style="width: 100%;

das kannst - und solltest - Du Dir sparen. Ein blocklevel-Element nimmt automatisch die gesamte Breite ein.

<div style="margin: 2.5%; width: auto; background-color: #00FF66;">sfsdfsdfsdf</div>

wozu setzt Du dieses DIV ein? Auto ist die Voreinstellung, also der verfügbare Platz - nur ist ja keiner mehr verfügbar.

<div style="float: left; width: 50%;

hier könntest Du Deine Probleme beheben, wenn Du Cheatahs Hinweis verstehen würdest. Ist aber wohl etwasa zu hoch..;-) Daher der Tip:

  • Du mußt nicht _alle_ Elemente floaten lassen
  • dieses Element würde sich anbieten, im Textfluß zu lassen; dann bauchst Du auch _keine_ Weite anzugeben
  • allerdings müßte dieses Element dann am Schluß im Quelltext stehen und dieses

<div style="float: left; width: 25%; background-color: #0099f1; color: #FFFFFF; height: 100px; padding: 0%; border-style: none;">

sollte dann rechts floaten.

freundliche Grüße
Ingo