Abstände 2er Divs voneinander.

'progman' · 28.07.2005, 20:18

Hallo,
ich habe ein auf einer Webseite 2 Divs, eine ist das Menü, links, und eine der Content in der Mitte.

Nun zum Thema:
Ich habe bemerkt das im IE die Div mit dem Content etwas über das Menü
"überlappt", aber im F-F war das Design wunderbar, nun meine Frage, wie kann ich einen abstand der 2 Divs einrichte, habe bei css4you mal nach padding, margin etc. geguggt aber es at sich nicht viel getan.

Hat da jem eine Andere Lösung?

Danke

King2k · 28.07.2005, 20:25

Haben beide DIVs den selben z-index ?
Dann müssten sie theoretisch in eienr Ebene liegen und padding soltle den Abstand vom anderen nehmen...

Baltasar · 28.07.2005, 22:14

falls du keinen z-index angebeben hast kriegt automatisch das div den höhren z-index, dass im quellcode weiter unten steht.

28.07.2005, 22:21

Das Problem ist, dass der IE anders rechnet als der FF. Datt Dingen von Microdoof ist einfach zu bralle, sich an die Standards zu halten

http://www.css4you.de/wsboxmodell/

Ist ne leidige Fummelei, aber sonst wäre es doch auch zu langweilig

akratellio · 29.07.2005, 09:18

Zitat:

Zitat von Baltasar

falls du keinen z-index angebeben hast kriegt automatisch das div den höhren z-index, dass im quellcode weiter unten steht.

wirklich?!?!?

...und ich dachte immer dann hätten alle den gleichen index.

mfg

akratellio

29.07.2005, 09:32

War mir auch neu....

@Baltasar: Hast Du mal nen entsprechenden Link?

29.07.2005, 10:11

Überlappung: z-index
Werte:
Ganze Zahlen
Ein Layer mit der höheren Zahl liegt über dem Layer mit der niedrigeren Zahl.

auto
Überlappung entspricht der Reihenfolge der Definition

Quelle: http://www.css4you.de/z-index.html

29.07.2005, 10:13

Höhl, das war zu einfach, da nachzugucken... hab ich gar nicht dran gedacht... Gott sei Dank ist bald Wochenende

29.07.2005, 11:42

Hallo,
also mit padding hat das nix zu tun!!!!
Padding gibt nur den Abstand innerhalb der Box zum Text an.
Breiten berechnung: 2px Border; 10px padding; 100px width;
==> 2+10+100+10+2 = 124px breite. Klaro??

um den Abstand hinzubekommen würde ich dem Menüdiv einfach ein float:left; zuweisen. D.H., dass die Box links liegt und alles andere an ihr "rechts" vorbeifliesst. Zudem geigst du ihr einfach ein margin-right:10px. Dann hat die Box auch noch 10px Abstand zum nächten Element.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
DIVs nebeneinander?	wers1	HTML, Usability und Barrierefreiheit	13	18.07.2008 14:26
[JS] Divs nach Datum sortieren	cycap	JavaScript, Ajax und mehr	24	16.07.2008 18:48
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
Spaltendesign mit DIVs	HStev	HTML, Usability und Barrierefreiheit	4	12.06.2006 12:29
3 divs nebeneinander mit dynamisch gleicher Höhe		HTML, Usability und Barrierefreiheit	19	18.01.2006 22:05
DIV's positionieren	scooter	HTML, Usability und Barrierefreiheit	10	12.01.2006 16:11
DIVs auf "echte" 100% der Seite setzen?	King2k	HTML, Usability und Barrierefreiheit	3	07.12.2005 15:15
DIVs nebeneinander	freitz	HTML, Usability und Barrierefreiheit	4	21.04.2005 22:47
DIVs visible -> hidden beim Laden der Seite		HTML, Usability und Barrierefreiheit	2	03.03.2005 22:20
[Erledigt] drei divs nebeneinander		HTML, Usability und Barrierefreiheit	5	10.01.2005 20:27
Verschachtelung von DIV's bei unterschiedlichen Auflösungen		HTML, Usability und Barrierefreiheit	8	24.12.2004 14:45
mehrere gleichnamige DIVs möglich?		HTML, Usability und Barrierefreiheit	6	26.08.2004 11:56

28.07.2005, 20:18
'progman' Erfahrener Benutzer Registriert seit: 17.10.2004 Beiträge: 380	Abstände 2er Divs voneinander. Hallo, ich habe ein auf einer Webseite 2 Divs, eine ist das Menü, links, und eine der Content in der Mitte. Nun zum Thema: Ich habe bemerkt das im IE die Div mit dem Content etwas über das Menü "überlappt", aber im F-F war das Design wunderbar, nun meine Frage, wie kann ich einen abstand der 2 Divs einrichte, habe bei css4you mal nach padding, margin etc. geguggt aber es at sich nicht viel getan. Hat da jem eine Andere Lösung? Danke __________________ Mit freundlichen Grüssen, 'progman' http://developers-guide.net http://www.tradingstore.net


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.07.2005, 20:25
King2k Erfahrener Benutzer Registriert seit: 21.05.2005 Beiträge: 123	Haben beide DIVs den selben z-index ? Dann müssten sie theoretisch in eienr Ebene liegen und padding soltle den Abstand vom anderen nehmen... __________________ Der König hat gesprochen!

28.07.2005, 22:14
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	falls du keinen z-index angebeben hast kriegt automatisch das div den höhren z-index, dass im quellcode weiter unten steht.

28.07.2005, 22:21
Gast Beiträge: n/a	Das Problem ist, dass der IE anders rechnet als der FF. Datt Dingen von Microdoof ist einfach zu bralle, sich an die Standards zu halten http://www.css4you.de/wsboxmodell/ Ist ne leidige Fummelei, aber sonst wäre es doch auch zu langweilig

29.07.2005, 09:32
Gast Beiträge: n/a	War mir auch neu.... @Baltasar: Hast Du mal nen entsprechenden Link?

29.07.2005, 10:11
Gast Beiträge: n/a	Überlappung: z-index Werte: Ganze Zahlen Ein Layer mit der höheren Zahl liegt über dem Layer mit der niedrigeren Zahl. auto Überlappung entspricht der Reihenfolge der Definition Quelle: http://www.css4you.de/z-index.html

29.07.2005, 10:13
Gast Beiträge: n/a	Höhl, das war zu einfach, da nachzugucken... hab ich gar nicht dran gedacht... Gott sei Dank ist bald Wochenende

29.07.2005, 11:42
18inch Gast Beiträge: n/a	Hallo, also mit padding hat das nix zu tun!!!! Padding gibt nur den Abstand innerhalb der Box zum Text an. Breiten berechnung: 2px Border; 10px padding; 100px width; ==> 2+10+100+10+2 = 124px breite. Klaro?? um den Abstand hinzubekommen würde ich dem Menüdiv einfach ein float:left; zuweisen. D.H., dass die Box links liegt und alles andere an ihr "rechts" vorbeifliesst. Zudem geigst du ihr einfach ein margin-right:10px. Dann hat die Box auch noch 10px Abstand zum nächten Element.