div's positionieren

[hookx]

Hallo, habe da ein kleines Problem:

und zwar habe ich in einem div 2 andere div's die mir meine Tabelle ersetzen sollen. Diese 2 Divs möchte ich untereinander positioniere, so dass sie sich berühren. Ich möchte dabei keine "width" für die beiten angeben, weil damit funkioniert es, dass weiß ich, das möchte ich aber nicht.

so sieht es aus:

und so sollte es aussehen:

hier die relevanten code-ausschnitte:
in der html-datei:

<div id="main">
  <div id="box">
    testbox
  </div>
  <div id="box2">
    testbox 2
  </div>
</div>

und hier die ausschnitte der css:

#main {
  padding: 10px;
  border: 0px;
  background: #cccccc;
  margin: 0px 0px 0px 0px;
  }

 #box {
	background: #666666;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	z-index: 1;
  	float: left;
	}

 #box2 {
	background: #aaaaaa;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	z-index: 2;
	float: left;
	}

ich hoffe mir kann da jemand weiterhelfen. vielleicht sitze ich auch einfach schon zu lange davor, und stehe somit auf der leitung...

vielen dank schonmal

gruß

hook

 

[Daniel Mannheimer]

Ein Kollege hat mir gerade einen Link zum Thema "Tabellenloses Design" geschickt:

http://www.polizei.nrw.de/im/index.html

Konnte mir die Seite noch nicht anschauen, aber vielleicht hilft dir ein Blick in den Quelltext.

 

[hookx]

danke für den link. aber auf dieser seite wird mit genauen angaben der weite und so gearbeitet. das kommt bei mir in diesem fall nicht in frage. dennoch danke!

gruß

hook

 

[Andreas Gaisbauer]

Hallo,

mit "float: none;" anstatt von "float:left;" sollte der gewünschte Effekt eigentlich funktionieren... Wenn nicht, schau dir mal die "Table" Attribute von "Display" an - ich weis jedoch nicht wie weit diese interpretiert werden (Mozilla: ja - IE: noch nicht): http://www.selfhtml.net/css/eigenschaften/positionierung.htm#display

bye

 

[prefix]

oder einfach die float-definition wegnehmen - oder auch float: none; (wie bereits erwähnt).

 

[hookx]

danke, habs endlich hinbekommen.
mit float weglassen alleine war's nicht getan.
musste noch absolute positionen setzen udn noch ein paar weiter kleinigkeiten.

vielen dank...