CSS positionierung im DIV

JEGO · 29.06.2005, 12:05

hi zusammen,

ich bastel gerade wieder an einer kleinen HP.

im Moment versuche ich gerade in einem Div, Bilder abwechselnd mit text zu positionieren.

soll heissen... : ein Bild und daneben Text. Drunter Text und dann wieder ein Bild daneben.

jetzt hätte ich mir gedacht, wenn ich den Bildern immer ein flaot: gebe, könnte ich mit display:block; die Texte neben die Bilder bringen....
(hört sich komplieziert an....)

erstes Bild:

Code:

.img1
	{
        float:left;
	border:1px solid #000000;
	margin-left:10px;
	margin-bottom:10px;
	}

erster Textblock:

Code:

.layer
	{
	display:block;
	height:200px;
	width:100px;
	border:1px solid #000000;
	}

geht aber irgendwie nicht so wie ich das will.
kann mir da wer helfen?

Link zur seite:
http://www.pongau.net/oebster/index/index.php?sec=home

29.06.2005, 12:09

Habs mir jetzt nicht ganz genau angesehen, aber kann es sein, dass Text und Bild nebeneinander zu breit für das umgebende DIV sind?

//EDIT: Schreib mal die img-Angabe VOR das Text-DIV, sowas hatte ich letztens auch mal, dann ging es... frag bitte nicht warum :wink:

29.06.2005, 12:13

Probiers mal mit Position!

Code:

..
.textfeld {
position:absolute;
left:...px;
top:...px;
width:...px;
}
.textbilder {
position:absolute;
left:...px;
top:...px;
width:...px;
}
.text {
border:1px solid #000000;
}
.bild {
border:1px solid #000000;
}
..

etc.

Damit musst du dann ein bisschen Probieren, aber es geht!

Oder du machst es mit tables!
MfG>E-Lord

JEGO · 29.06.2005, 12:18

@Pater

das hab ich schon probiert.
dann schmeist mir das Bild denn Text aus dem Block. und der Text steht unterm Bild...
und der Block liegt hinter dem Bild.

@E-Lord
eigendlich wollte ich das ohne position: absolut machen.
da ich ja so für jedes Bild und jeden Textblock einen neuen Style zuweisen muß.

robo47 · 29.06.2005, 12:20

1) tabellen = pfui
2) absolute positionierung? ist nicht wirklcih dynamisch = pfui

3) @ Jego, das design ist find ich bissel groß, mein FF braucht in 1280er Auflösung noch Scrollbars dafür

mfg
robo47

29.06.2005, 12:22

@Robo: Wie bidde? Ich habe nur einen vertikalen Scrollbar und selbst wenn ich das Fenster auf 800x600 verkleinere, kommt nix...

JEGO · 29.06.2005, 12:23

@robo

was brauchst du??????

nee ne das ist ein scherz oder? ich kann mir das 800x600 ohne Querscroll anschauen...
oder meinst du in der Höhe?

29.06.2005, 12:24

@JEGO: Na also, geht doch

Bei layer noch ein

float:left;

rein und alles wird gut

robo47 · 29.06.2005, 12:32

öhm blub, ich glaub mein Firefox nimm halozinogene Drogen, als ich eben auf der Seite war, hatte ich einen Scroller in der Höhe, und das ganze war viel grö0er

hmm oder ich brauch einfach nur mehr schlaf

aaaha jetzt ja hier das meinte ich

http://www.robo47.net/public/tests/jego1.jpg

aber das lag nur an den boxen

29.06.2005, 12:34

robo47 hat schon recht.
Ist etwas groß, liegt vieleicht an den Schuhen

PS:
Oben die Schrift "Appartement Öbster" passt nicht wirklich.
Von der Schriftart her.
Zumal auch hier recht viel Platz verschenkt wird.

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
DIV positionierung HILFE	FreAkaZoiD	HTML, Usability und Barrierefreiheit	3	19.04.2008 15:58
ie css problem mit absoluter positionierung	obi	HTML, Usability und Barrierefreiheit	6	10.05.2007 17:30
automatische mauszeiger positionierung	snatch-ic	HTML, Usability und Barrierefreiheit	2	08.05.2006 16:57
CSS Positionierung, die in jedem browser funzt		HTML, Usability und Barrierefreiheit	2	20.12.2005 17:57
Positionierung im Listenfeld festlegen		HTML, Usability und Barrierefreiheit	1	23.11.2005 19:44
zentrierte Positionierung einer Seite bei höherer Auflösung		HTML, Usability und Barrierefreiheit	8	04.10.2005 12:35
iframe Positionierung		HTML, Usability und Barrierefreiheit	1	13.07.2005 16:44
Probleme bei Positionierung mittels CSS		HTML, Usability und Barrierefreiheit	3	25.04.2005 04:38
Wasserzeichen positionierung	kain	PHP Tipps 2005	4	19.04.2005 15:16
Hilfe bei Positionierung	nullplan	PHP Tipps 2005	6	16.03.2005 14:54
wieder ein DIV problemchen		HTML, Usability und Barrierefreiheit	6	15.12.2004 15:20
List-style-type Positionierung der Bulletpoints		HTML, Usability und Barrierefreiheit	6	05.11.2004 14:10
Absolute Positionierung wird falsch dargestellt	DutziMan	HTML, Usability und Barrierefreiheit	8	07.09.2004 08:58

29.06.2005, 12:05
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	CSS positionierung im DIV hi zusammen, ich bastel gerade wieder an einer kleinen HP. im Moment versuche ich gerade in einem Div, Bilder abwechselnd mit text zu positionieren. soll heissen... : ein Bild und daneben Text. Drunter Text und dann wieder ein Bild daneben. jetzt hätte ich mir gedacht, wenn ich den Bildern immer ein flaot: gebe, könnte ich mit display:block; die Texte neben die Bilder bringen.... (hört sich komplieziert an....) erstes Bild: Code: .img1 { float:left; border:1px solid #000000; margin-left:10px; margin-bottom:10px; } erster Textblock: Code: .layer { display:block; height:200px; width:100px; border:1px solid #000000; } geht aber irgendwie nicht so wie ich das will. kann mir da wer helfen? Link zur seite: http://www.pongau.net/oebster/index/index.php?sec=home __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.


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

29.06.2005, 12:09
Gast Beiträge: n/a	Habs mir jetzt nicht ganz genau angesehen, aber kann es sein, dass Text und Bild nebeneinander zu breit für das umgebende DIV sind? //EDIT: Schreib mal die img-Angabe VOR das Text-DIV, sowas hatte ich letztens auch mal, dann ging es... frag bitte nicht warum :wink:

29.06.2005, 12:18
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	@Pater das hab ich schon probiert. dann schmeist mir das Bild denn Text aus dem Block. und der Text steht unterm Bild... und der Block liegt hinter dem Bild. @E-Lord eigendlich wollte ich das ohne position: absolut machen. da ich ja so für jedes Bild und jeden Textblock einen neuen Style zuweisen muß. __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.

29.06.2005, 12:20
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	1) tabellen = pfui 2) absolute positionierung? ist nicht wirklcih dynamisch = pfui 3) @ Jego, das design ist find ich bissel groß, mein FF braucht in 1280er Auflösung noch Scrollbars dafür mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

29.06.2005, 12:22
Gast Beiträge: n/a	@Robo: Wie bidde? Ich habe nur einen vertikalen Scrollbar und selbst wenn ich das Fenster auf 800x600 verkleinere, kommt nix...

29.06.2005, 12:23
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	@robo was brauchst du?????? nee ne das ist ein scherz oder? ich kann mir das 800x600 ohne Querscroll anschauen... oder meinst du in der Höhe? __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.

29.06.2005, 12:24
Gast Beiträge: n/a	@JEGO: Na also, geht doch Bei layer noch ein float:left; rein und alles wird gut

29.06.2005, 12:32
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	öhm blub, ich glaub mein Firefox nimm halozinogene Drogen, als ich eben auf der Seite war, hatte ich einen Scroller in der Höhe, und das ganze war viel grö0er hmm oder ich brauch einfach nur mehr schlaf aaaha jetzt ja hier das meinte ich http://www.robo47.net/public/tests/jego1.jpg aber das lag nur an den boxen __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

29.06.2005, 12:34
Gast Beiträge: n/a	robo47 hat schon recht. Ist etwas groß, liegt vieleicht an den Schuhen PS: Oben die Schrift "Appartement Öbster" passt nicht wirklich. Von der Schriftart her. Zumal auch hier recht viel Platz verschenkt wird.