Probleme bei div

13.08.2004, 11:47

Hi.

Habe ein kleines Problem, welches mir aber langsam wirklich auf die Nerven geht.

Und zwar geht es um das Layout mit DIV's. Habe hier bei pixelgenauer Ausrichtung immer das Problem, dass bei "ausgerichtetem" Quelltext, also z.b. eingerückt, bilder untereinander ... der IE immer auch diese Einrückung als Leerzeichen interpretiert und einen Abstand erzeugt. (Bei anderen Browsern ist das nicht so!)

Nun meine Frage: Gibt es eine Möglichkeit, Leerzeichen vom Browser ignorieren zu lassen? Momentan schreibe ich dann nämlich immer alle Bilder in eine Zeile - das löst zwar mein Problem, allerdings wird der Quelltext dadurch nicht unbedingt übersichtlich.

Danke und Gruß

Chris

Guradia · 13.08.2004, 11:50

a: zeigen
b: .. keine grosse Ahnung, was du da generell erreichen willst .. aber float:left; ist für solche vermutlichen Auflistungen von Thumbnails (?) eigentlich sehr hübsch ...

13.08.2004, 13:42

Hi.

Code kannst du dir hier anschauen:

www.test.chrismagic.de

Möchte nun die kleinen Bilder direkt aneinender haben, also ohne Abstand nach oben bzw. links/rechts.

Danke

Gruß

Chris

Guradia · 13.08.2004, 14:16

http://codeschnipsel.guradia.d2g.com/cgeiger/index.htm

EDIT: *ups* .. da lief doch glatt der DNS-Client nicht .. aber nun ^^

13.08.2004, 15:06

Hi.

Danke, werd mir das gleich mal genauer ansehen.

Gruß

Chris

Ashergul · 13.08.2004, 15:24

hmm im IE werden bild6.gif und bild8.gif rechts vom baseball dargestellt

14.08.2004, 18:37

Hi.

Habe nun den Vorschlag ausprobiert, und nach mehreren Sackgassen nun auch ein pausables Ergebnis.

Allerdings habe ich nun noch eine weitere Frage, bzw. komme hier auch nach 100fachem probieren nicht weiter.

Ich habe zwei div-Kontainer nebeneinander. Der linke hat eine Breite von 200px und der rechte sollte nun so breit sein wie der rest der Bildschirmbreite. Allerdings sollen diese Kontainer auch wieder pixelgenau abschließen.

Bei dieser Lösung passt zwar die Breite des rechten Kontainers:

Code:

#testbox1 {
	float:left;
	width:200px;
	height:200px;
}

#testbox2 {
	height:100px;
	padding:0px;
}

<div id="testbox1">Box 1</div>
<div id="testbox2">Box 2</div>

Bei dieser Lösung stimmt der Abstand, allerdings nicht die Breite:

Code:

#testbox1 {
	float:left;
	width:200px;
	height:200px;
}

#testbox2 {
	height:100px;
	padding:0px;
	float:left;
}

<div id="testbox1">Box 1</div>
<div id="testbox2">Box 2</div>

Danke nochmals für Lösungsvorschläge.

Gruß

Chris

14.08.2004, 18:44

versuch mal den bildern in CSS ein margin: 0; zu gben...

Guradia · 14.08.2004, 18:44

Zitat:

Zitat von cgeiger

Bei dieser Lösung passt zwar die Breite des rechten Kontainers:

Code:

#testbox1 {
	float:left;
	width:200px;
	height:200px;
}

#testbox2 {
	height:100px;
	padding:0px;
}

<div id="testbox1">Box 1</div>
<div id="testbox2">Box 2</div>

Nope .. die breite passt NICHT !

Versuchs mal so, bzw, pack mehr Inhalt in Box 2

Code:

#testbox1 {
   	float:left;
   	width:200px;
   	height:200px;
	background-color:gray;
	margin-left:10px;
}

#testbox2 {
   	height:100px;
   	padding:0px;
	background-color:blue;
}

Du könntest erstaunt sein, was da passiert ;P

Ansonsten kann ich dir nur sagen: Ist nicht!
Du kannst maximal mit prozentualen Angaben arbeiten. Aber Absolute Breiten + variable Breiten ... mit CSS derzeit nicht machbar.

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
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit mbstring extension unter Debian	HStev	Server, Hosting und Workstations	3	30.08.2006 20:55
Probleme mit Rechteverteilung chmod() per script!!!???	Funky_	PHP Tipps 2006	7	17.06.2006 17:10
[Erledigt] Probleme beim Mailserver Postfix mit Umlauten		Server, Hosting und Workstations	5	15.02.2006 21:55
Probleme bei der Installation von Turck MMCache	tomx992	PHP-Fortgeschrittene	2	27.09.2005 20:31
Probleme beim Datenupload zu meiner Datenbank		Datenbanken	3	05.09.2005 19:47
Probleme mit Sonderzeichen...		Datenbanken	1	02.08.2005 23:37
[Erledigt] hilfe! probleme mit...		PHP Tipps 2005	4	12.04.2005 22:55
[Erledigt] CSV Größe macht Probleme mit php		PHP Tipps 2005	5	15.03.2005 21:29
Performances Probleme bei z.B. LIMIT 300000,10		Datenbanken	28	13.02.2005 10:57
Zwei Rechner ins Netz - Router - Hub - Probleme...	imported_Ben	Off-Topic Diskussionen	37	13.01.2005 21:36
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45
[Erledigt] Probleme mit Fremdsprachen		HTML, Usability und Barrierefreiheit	2	21.09.2004 17:11
PHP Bilder in DB / Probleme bei Änderung		PHP-Fortgeschrittene	1	05.06.2004 11:20

13.08.2004, 11:47
Gast Beiträge: n/a	Probleme bei div Hi. Habe ein kleines Problem, welches mir aber langsam wirklich auf die Nerven geht. Und zwar geht es um das Layout mit DIV's. Habe hier bei pixelgenauer Ausrichtung immer das Problem, dass bei "ausgerichtetem" Quelltext, also z.b. eingerückt, bilder untereinander ... der IE immer auch diese Einrückung als Leerzeichen interpretiert und einen Abstand erzeugt. (Bei anderen Browsern ist das nicht so!) Nun meine Frage: Gibt es eine Möglichkeit, Leerzeichen vom Browser ignorieren zu lassen? Momentan schreibe ich dann nämlich immer alle Bilder in eine Zeile - das löst zwar mein Problem, allerdings wird der Quelltext dadurch nicht unbedingt übersichtlich. Danke und Gruß Chris


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

13.08.2004, 11:50
Guradia Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 2.150	a: zeigen b: .. keine grosse Ahnung, was du da generell erreichen willst .. aber float:left; ist für solche vermutlichen Auflistungen von Thumbnails (?) eigentlich sehr hübsch ...

13.08.2004, 13:42
Gast Beiträge: n/a	Hi. Code kannst du dir hier anschauen: www.test.chrismagic.de Möchte nun die kleinen Bilder direkt aneinender haben, also ohne Abstand nach oben bzw. links/rechts. Danke Gruß Chris

13.08.2004, 14:16
Guradia Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 2.150	http://codeschnipsel.guradia.d2g.com/cgeiger/index.htm EDIT: ups .. da lief doch glatt der DNS-Client nicht .. aber nun ^^

13.08.2004, 15:06
Gast Beiträge: n/a	Hi. Danke, werd mir das gleich mal genauer ansehen. Gruß Chris

13.08.2004, 15:24
Ashergul Erfahrener Benutzer Registriert seit: 24.08.2003 Beiträge: 714	hmm im IE werden bild6.gif und bild8.gif rechts vom baseball dargestellt __________________ mfg Floh Programmers don't die, they GOSUB without RETURN

14.08.2004, 18:37
Gast Beiträge: n/a	Hi. Habe nun den Vorschlag ausprobiert, und nach mehreren Sackgassen nun auch ein pausables Ergebnis. Allerdings habe ich nun noch eine weitere Frage, bzw. komme hier auch nach 100fachem probieren nicht weiter. Ich habe zwei div-Kontainer nebeneinander. Der linke hat eine Breite von 200px und der rechte sollte nun so breit sein wie der rest der Bildschirmbreite. Allerdings sollen diese Kontainer auch wieder pixelgenau abschließen. Bei dieser Lösung passt zwar die Breite des rechten Kontainers: Code: #testbox1 { float:left; width:200px; height:200px; } #testbox2 { height:100px; padding:0px; } <div id="testbox1">Box 1</div> <div id="testbox2">Box 2</div> Bei dieser Lösung stimmt der Abstand, allerdings nicht die Breite: Code: #testbox1 { float:left; width:200px; height:200px; } #testbox2 { height:100px; padding:0px; float:left; } <div id="testbox1">Box 1</div> <div id="testbox2">Box 2</div> Danke nochmals für Lösungsvorschläge. Gruß Chris

14.08.2004, 18:44
Gast Beiträge: n/a	versuch mal den bildern in CSS ein margin: 0; zu gben...