DIV mit abstand ?

Computer: Software & Programmierung HTML & CSS
#1

Hallo

Ich habe Div’s die im FireFox net aneinander sind
jedoch im IE einen Abstand haben , wer weiss warum.

#logom {
 width:200px; 
 height:100px;
 float: left;
 background-color:#AA00FF;
 }
#topm {
 width:600px;
 height:100px;
 background-color:#9900FF;
 }
#leftm {
 width:190px;
 height:400px;
 clear: left;
 float: left;
 background-color:#6600FF;
 }
#contm {
 width:600px;
 height:400px;
 background-color:#FF00FF;
 }








test Logo+Bild Menue 
 Left Menu Content Content

ergebnis im IE zu sehen :
http://abc-xyz.no-ip.org/mosaik/MultiPic_for_Mosaic…

#2

Hi,

Ich habe Div’s die im FireFox net aneinander sind
jedoch im IE einen Abstand haben , wer weiss warum.

Mit einem Transitional-Doctype braucht IE noch ein float:left für #contm und #topm um die Kurve zu bekommen, mit einem strikten Doctype zeigt er es richtig an,
z.B.

<!–
#contm { background-color: #FF00FF; height: 400px; width: 600px; }
#leftm { background-color: #6600FF; clear: left; float: left; height: 400px; width: 190px; }
#logom { background-color: #AA00FF; float: left; height: 100px; margin: 0; width: 200px; }
#topm { background-color: #9900FF; height: 100px; width: 600px; }
–>

NB: da ist auch ein in Deinem Code doppelt, das ist aber nicht der Grund.

Ciao,
Rudy

#3

Hi,

Ich habe Div’s die im FireFox net aneinander sind
jedoch im IE einen Abstand haben , wer weiss warum.

Mit einem Transitional-Doctype braucht IE noch ein float:left
für #contm und #topm um die Kurve zu bekommen, mit einem
strikten Doctype zeigt er es richtig an,
…
NB: da ist auch ein in Deinem Code
doppelt, das ist aber nicht der Grund.

Ciao,
Rudy

Dem brauchste gar nicht mit DOCTYPES, geschweige denn Validität oder sonstigen Regeln zu kommen, das hält der ohnehin für überflüssig :wink: Ein hoffnungsloser Fall.

Schau mal ein paar Postings weiter unten. Aber fall nicht vom Hocker …

Gruß Marcus

#4

Hi Sven,

Dem brauchste gar nicht mit DOCTYPES, geschweige denn
Validität oder sonstigen Regeln zu kommen, das hält der
ohnehin für überflüssig :wink: Ein hoffnungsloser Fall.

Ich habs jetzt auch gesehen, und dazu noch so prollig. Nun gut, ich werde wohl keine Bekehrung versuchen - die Doctypes gibt es eh nur aus Jux und valider Code ist eine reine W3C-Kiste, toll :wink:) Danke für den Hinweis.

Ciao,
Rudy

#5

OT ^3: Persöhnlicher Angriff ??
Wie wäre es mit einer Lösung,
weil seine Lösung funktioniert noch nichtmal
egal ob valide oder nciht.

Gruß Marcus

Und behalte deine Persöhnliches Problem mit mir bitte für dich. Du brauchst deinen Validen unsinn nicht zu posten, kein Hersteller der Browser interressiert sich wirklich für validität , weil sie sie nie erreichen. rgenteiner hat immer eine Aussnahme irgentwo. Und genau das meine ich damit. Valide arbeiten ist schön. Aber Texte schreiben geht auch ohne perfekte rechtschreibung SIEHE WERBUNG und die verdient gut an ihren schlechten stilen.

Danke für dein Interresse, nur mal wieder ohne Antwort etc. Hast eben nx drauf was mir hilft, nur W3C laberei.

#6

OT : persöhnliches Problem ?

Hi Sven,

aha , könnt ihr auch privat bleiben oder helfen oder so
aber nciht hier euren privaten dunst ablassen

Ciao,
Rudy

Wie wäre es mit einer Lösung,
weil seine Lösung funktioniert noch nichtmal
egal ob valide oder nicht.

Gruß Marcus

Und behalte deine Persöhnliches Problem mit mir bitte für dich. Du brauchst deinen Validen unsinn nicht zu posten, kein Hersteller der Browser interressiert sich wirklich für validität , weil sie sie nie erreichen. rgenteiner hat immer eine Aussnahme irgentwo. Und genau das meine ich damit. Valide arbeiten ist schön. Aber Texte schreiben geht auch ohne perfekte rechtschreibung SIEHE WERBUNG und die verdient gut an ihren schlechten stilen.

Danke für dein Interresse, nur mal wieder ohne Antwort etc. Hast eben nx drauf was mir hilft, nur W3C laberei.

#7

Sorry so kopiert und klappt nicht im IE bei mir.

Sieh http://abc-xyz.no-ip.org/mosaik/MultiPic_for_MosaicL…

Und kein danke für deine Hilfe die nciht funktioniert, aber drei beiträge unten so wi…er artig reden.

Dein DOCTYPE ist unsinn. Und dein CODE und wissen darum auch.

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#8

Und komm , sag mir das nochmal was du unten meintest.

Wo hat dein so wichtiger DOCTYPE was verändert, etc
nichtmal valide löst es das problem,

Echt so ein grosskotz bist du.

#9

Internes CSS des Browsers

Ich habe Div’s die im FireFox net aneinander sind
jedoch im IE einen Abstand haben , wer weiss warum.

In Opera sind sich übrigens auch ohne Abstand aneinander.

Wenn du gezielt einen bestimmten (auch gar keinen Abstand) haben möchtest, dann musst du das auch explizit spezifizieren (CSS-Anweisung margin). Andernfalls nutzt jeder Browser interne Vorgaben, die eben im IE eben nicht = 0 sind.

http://de.selfhtml.org/css/eigenschaften/randabstand…

Ach ja, manche Browser (auch der IE) interpretieren manche dieser Anweisungen nur, wenn die korrespondierenden Anweisungen anderer Art auch vorhanden sind. Also Border ohne Style wird im IE ignoriert, zumindest in manchen seiner Varianten.

Die Empfehlung wäre daher, sowohl margin, border-width und padding anzugeben.

Gruß

Stefan

#10

Hallo RakonDark!

„RakonDark“ schrieb:

Ich habe Div’s die im FireFox net aneinander sind
jedoch im IE einen Abstand haben , wer weiss warum.

Es handelt sich hierbei um den „IE Three Pixel Gap“.

Lies bitte:
http://www.perun.net/2004/07/09/3-pixel-abstand/
3 Pixel Abstand beim IE

Deine Seite hat einen Doctype, der den IE in den Quirksmodus versetzt:
http://jendryschik.de/wsdev/einfuehrung/css/browser-…

Der IE stellt dann das Boxmodell falsch dar:
http://www.perun.net/2004/07/04/fehlverhalten-von-ie…
Fehlverhalten von IE im Boxmodell

http://www.carsten-protsch.de/zwischennetz/doctype/b…
Der CSS-Box-Model-Bug

Weitere Infos zum „IE Three Pixel Gap“:
http://www.geek-notes.com/xhtml/1/ie-three-pixel-bug…
IE ‘three pixel bug’ hacked with float

http://www.positioniseverything.net/explorer/threepx…
The IE Three Pixel Text-Jog

http://www.simplebits.com/notebook/2004/07/30/3pixel…
3 Pixels of Frustration

http://krijnhoetmer.nl/stuff/css/three-pixel-bug/
A bug with about three pixels

Gruss Oliver