verschachtelte divs

Zitat von pim

tschuldigung für dreifachen post, da war ich zu ungeduldig, wie ist ein löschen möglich?

kann nur ein moderator machen...

zu deinem problem: ich versteh nicht ganz was du meinst, weil ich seh keine bilder ;).
was mir momentan "störend" auffällt ist, dass der inhalt nicht neben dem menü dargestellt wird, sondern darunter. meinst du das?
kurz beschrieben mach ich das immer so (vielleicht geht es auch anders):

<div id="wrapper">
     <div id="navigation">blabla</div>
     <div id="content">blublu</div>
</div>

im zugehörigen css file schreibe ich dann etwas wie

#navigation{float:left; margin:0 5px 0 0; width:200px;}

hoffe das passt so und ich hab es aus dem gedächtnis richtig rekonstruiert. auf jeden fall muss ein element floaten und dann ist noch der abstand wichtig, damit der rest daneben steht.

hoffe wie gesagt, dass es so passt - wenn du mehr hilfe brauchst (oder es nicht funktioniert, dann schau ich nach ;)) sags oder such selber nach "two column design" oder "three column layout".
hoffe du hast das gemeint...

edit: ah, jetzt wirds mir klarer. hab mir die seite im firefox angeschaut, da schaut sie ganz anders als im internet explorer aus. schau es dir am besten selber einmal an, da gehört glaub ich doch einiges geändert, dass es cross-browser kompatibel ist. außerdem ist es nicht valid (http://validator.w3.org/) - ich versuch immer meine seiten valid zu machen, anderen (zb dieses forum :D) ist das nicht so wichtig. ist aber generell eine ganz gute hilfe, um probleme zu beseitigen.
prinzipiell gilt aber für das bild das selbe was ich oben gesagt habe: float:left.

mit aktuellem firefox gehts auf jeden fall.

ja, jetzt steht es nebeneinander :).

was mir nur auffällt (aber vielleicht willst du das extra so) - siehe screenshot:
1) neben bildern im content bereich steht noch immer kein text, sonder erst darunter.
2) ich finde es nervig, wenn ich im contentbereich scrollen muss, am bildschirm darunter aber eigentlich noch genug platz ist.

gut, jetzt weiß ich was du meinst. in firefox funktioniert es aber, nur im internet explorer (hab es mit 7beta2 kurz angeschaut) sehe ich das problem.

es wäre ganz gut, wenn du die problematischen stellen selbst versuchst zu finden, weil für außenstehende ist es ziemlich mühsam deinen quelltext zu durchsuchen :shinner:.
hab trotzdem mal kurz geschaut und vermute einmal, dass es irgendwie am folgenden CSS liegt:

#imageSlideshowHolder{
margin:8px;	/* "Air" */
float:right; /* Floating gallery at the right side of other web page content */		
width:195px;	/* Image width */
height:130px;	/* Image height */
position:relative;	/* Don't remove this line */
}


/* Don't change these values */
#imageSlideshowHolder img{
position:absolute;
left:0px;
top:0px;
}

ich glaub du musst dich damit ein bisschen spielen, weil auf den ersten blick schaut es ohnedies richtig aus :confused: (vielleicht #imageSliedeshoHolder img{...} löschen und beim übergeordneten div entsprechenden boarder setzen, wie bei den divs weiter oben - musst du wohl ausprobieren).
außerdem kannst du die slideshow auch nur in CSS machen ohne javascript ;).

und das validieren haut auch noch nicht wirklich hin: http://validator.w3.org/check?verbose=…%252FRestaurant