IE geht FF nicht :(

  • 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.

  • 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...)

    Viele Grüße!
    PINALES

    Rechtschreibung für alle!

  • 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)

  • 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.

  • 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.

  • 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. :)

  • 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>