Div macht einen Absatz - Ich qualme schon

[Kojak]

Hi,

mir qualmts schon.
Ich nutze ein Div. Wie folgt etwas vereinfacht:

.meindiv {
	position:relative;
	left: 200px;
	top: 50px;
}
<table>
<div class="meindiv">Mein Div Inhalt</div>
<img src="logo.gif" align="top">
</table>

Da hauts mir immer nen Absatz über dem Logo rein.

Das einzige was ich finden konnte ist folgendes:

.meindiv {
     position:relative;
     width:0px;
     margin-top: -19px;
     left: 200px;
     top: 69 px;
}

Das macht aber Faxen in verschiedenen Browsern und ist
so nicht schön.
Ich hoffe sehr jemand kann mir da weiter helfen.

Gruss
Kodi

[sonar]

Also erstmal: ein <div> hat so in nem <table> überhauptnix verloren! Aber vielleicht ist das ja nur die "Vereinfachung" hier...

Ein <div> ist jedenfalls ein Block-Element und erzeugt als solches einen Umbruch im Layout sowie standardmäßig einen vertikalen Abstand um sich herum.
Wenn du letzteres vermeiden willst, musst du dem Ding margin: 0 verpassen. Und dieses ganze position & Co.-Zeugs da erstmal raus… und dann sehen wir weiter.

[Kojak]

Hab nun auch mitbekommen das ein Div en Block Element ist, aber dachte ich kann
den Abstand umgehen.

Das Ding ist ja das ich die Tabelle nutze um den Content im Browser
zu zentrieren. Also um der HP nen Rahmen zu geben.

Oben kommt dann ganz klassisch der Header rein und über dem
Header möchte ich das Div legen (schweben lassen) damit ich dort ein Eingabefeld platzieren kann.

Dieses Div soll sich dann relativ zur Tabelle ausrichten.
(es soll später dann über den Adminbereich ausgerichtet werden können
über x pixel und y pixel)

Hoffe hab nicht zu viel unverständnis reingebracht.

[EPM Slash]

wenn du es "schweben" lassen willst. (wenn ichs richtig verstanden habe) dann musst du das ding einfach absolut positionieren.

wenn du deinen inhalt zentrieren willst mach es so:

<div class="centeredDiv">hier mein inhalt de rzentriert werden soll</div>

div.centeredDiv {
width: 800px;
margin: 0 auto;
}

für das "schwebe" problem.
gib dem container der als referenz dienen soll ein position:relative.
und dem "schwebe" div dann position:absolute; top:20px; left:20px; dann ist dein logo sicher auch nicht betroffen.

glg tobi

[Kojak]

Ich danke euch.
Hab es nun so geregelt das ich mein Logo in ein Div lege und es entprechend ausrichte.

so kann ich die anderen Divs nun drüber legen.
Den Abstand der Block Elemente habe ich nicht weg bekommen.


Vielen Dank
kodi

[Dennis]

meine erste css-zeile in meinen projekten lautet immer:

PHP-Code:

* {
margin: 0px;
padding: 0px;
} 


so nimmt man allen elementen erstmal den wind aus den segeln ... :-)

außerdem sollten img-elemente, sollen sie keine doofen abstände erzeugen auch mit line-height: 0px und font-size:0px ausgestattet werden. überhaupt kann man diese beiden angaben eigentlich immer dort benutzen, wo es eben keinen text geben wird. zumindest bei mir ist die line-height oft der (unsichtbare) grund für irgendwelche abstände, die eigentlich nicht da sein dürften.