IE geht FF nicht :(

Dirk

Hi @ all

vorweg, es geht um diese Seite: http://www.physiotherapie-hoener.de/

im IE wird die Seite (weitestgehend) richtig dargestellt, im FF hingegen wird der content nach unten verschoben, ohne dass ich weis warum

die beiden css sind im Anhang (ach ja, ich bin erst dabei es zu lernen wie man unschwer erkennen dürfte;) )

danke für Hilfe.

pinales

Tach!

Hmmm, ich hab mir den Quelltext der Seite mal angeguckt. Um ehrlich zu sein: ich weiß gar nicht, wo ich anfangen soll?! Da ist manches ziemlich durcheinander. Da Du ja scheinbar ein CMS (Joomla) einsetzt, die Frage: warum verwendest Du kein Template und beschränkst Dich darauf, die Vorlage mit Inhalten zu füllen? (Dazu wären zumindest keine HTML-/CSS-Kenntnisse erforderlich...)

Dirk (gast)

weil ich dadurch nichts lernen würde

Dirk

nachtrag, ich hab ja auch nicht bei 0 angefangen bei dem template, sondern mir eines umgebaut. (es versucht)

edit: ich sehe gerade erst, dass die Dateien gar nicht angehängt wurden werd ich heute mittag von zuhause aus machen, komme von der Arbeit nicht auf meinen webspace (via ftp)

stachelbeer

in #content sorgt

Code

<br style="clear: left;" />

für das verschieben ans Ende von dem Menü. Lösche die Zeile und füge für #content einen linken Außenabstand von etwa 18 em ein.

Dirk

so, die Arbeit hat leider nix früheres zugelassen darum erst wieder so spät ne Nachricht.

hier nun auch erstmal die files.

stachelbeer: wo soll das denn stehen? Ich finde keine derartige Angabe im Content.

stachelbeer

Code

<div id="maincolumn">
                      <br style="clear: left;" />


           	<div id="content">
		   		<a name="content"></a>

Aber frag mich nicht, in welchen Template das geändert werden muss.

Dirk

ah, ok, ich vermute mal, dass sollte hier sein:
#maincolumn{
margin-left: auto; ...

und dass zu
#maincolumn{
margin-left: 18em;...

machen? und es sollte passen? ich werds probieren

musst mir nur noch verraten, warum das nach links anordnen den Text bei einer festen BVreite nach unten schiebt, und die maincolumn eigentlich korrekt platziert ist.

stachelbeer

Code

#maincolumn > br:first-child {
  display:none;
}

habe ich eingefügt um das erste br in #maincolumn verschwinden zu lassen.

Code

#content{
	margin-left:10px;
	margin-right:10px;
	/*margin: 10px;
	padding: 6px;
	text-align: justify;
	border-width: 1px;
	border-style: solid;
	*/}

habe ich in

Code

#content{
  margin:0.4em 0 0 18em;
/*	margin-left:10px;
	margin-right:10px;*/
	/*margin: 10px;
	padding: 6px;
	text-align: justify;
	border-width: 1px;
	border-style: solid;
	*/}

geändert und es sieht dann so aus.

Daraus folgt:

Code

<div id="maincolumn">
                      <br style="clear: left;" /> 


              <div id="content">
               <a name="content"></a>

Tags