I-explorer richtige anordnung im Firefox alles verfuscht

holzverleih

Hallo ich brauchte eure Hilfe ich habe eine Startseite gebastelt mit Microsoft expression Web.

Leider wird die Seite mit Firefox total verkehrt angezeigt wo hingegen I-Explorer alles richtig anzeigt.

Könnt Ihr mir helfen welche veränderungen ich vornehmen muss damit im Firefox alles richtig angezeigtwird wie im I-explorer

Als anhang finmdet ihr Screens und den Code

Wäre sehr dankbar wenn mir einer helfen könnte
screen von firefox http://img3.imagebanana.com/view/rvntyiaz/firefox.JPG

screnn von i-explorer http://img3.imagebanana.com/view/shoyih34/inet.JPG

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">


<head>


<style type="text/css">
.style1 {
    text-align: center;
}
.hometext1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.formularsearch8 {


    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 17px;
    width: 180px;
}
.formularsearch2 {




    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 17px;
    width: 36px;
}
.formularsearch3 {






    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 17px;
    width: 77px;
}
.formularsearch4 {








    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 17px;
    width: 48px;
}
.style3 {
    font-size: xx-small;
}
</style>


  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="description" content="Your description goes here" />
  <meta name="keywords" content="your,keywords,goes,here" />
  <meta name="author" content="Your Name / />
  <link rel="stylesheet" type="text/css" href="style.css" />
  <title>Flugbörse</title>
</head>


<body>
  <div id="wrap" class="style1">


    

    <div id="header-section">
          <a href="#">
            [img]./img/img_logo.jpg[/img]</a>
      [img]./img/img_header.jpg[/img]
        </div>


      
    <div id="header">
      <ul>
        <li style="width: 180px">[url='#']Home[/url]
        [*][url='#']Marktplatz[/url]
        [*][url='#']Flugschulen[/url]
        [*][url='#']Rundfl&uuml;ge[/url]
        [*][url='#']Presse[/url]

      [/list]
    </div>


      

    <div id="left-column">
      <ul>
        <li class="left-navheader-first">Menü
        [*][url='#']Einloggen[/url]

     [*]<div>
            <input name="user" type="text" class="styled" id="user" value="Username" onfocus="if(this.value == 'Username') this.value = '';" onblur="if(this.value == '') this.value = 'Username';" size="30" style="width: 125px" />



            <input name="pass" type="password" class="styled" id="pass" value="Password" onfocus="if(this.value == 'Password') this.value = '';" onblur="if(this.value == '') this.value = 'Password';" size="30" style="width: 122px" />



            <input name="login" type="button" class="styled" id="login" value="Login" />



            <span class="login_text">[url='#']Registrieren[/url]  [url='#']Password vergessen[/url]</span></div>


        
        [*][url='#']F&uuml;r Piloten[/url]
        [*][url='#']Flug anbieten[/url]
        [*][url='#']Mitfluggesuche[/url]


        [*][url='#']F&uuml;r Mitflieger[/url]
        [*][url='#']Flug suchen[/url]


        [*][url='#']&Uuml;ber uns[/url]
        [*][url='#']Presse[/url]


        [*][url='#']Service[/url]
        [*][url='#']FAQ[/url]



      [/list]
    </div>


      



      
    <div id="middle-column" style="width: 78%">


          
      <div class="middle-column-box-white">
        <div class="middle-column-box-title-grey"></div>


                  
        <h2 style="height: 37px" class="style1"></h2>


                  


Sie wollen schnell und kostengünstig von A nach B innerhalb Deutschlands kommen, auf lange Wartezeiten am Flughafen verzichten und Flugspaß pur erleben? Dann sind Sie hier genau richtig! Mitflug-Börse.de vermittelt freie Plätze in kleinen Privatmaschinen. </p>
        <p class="box">[b]Welche Vorteile hat die Mitflug-Börse für Sie:[/b]</p>
         <ul>
          [*]Schnell und kostengünstig an das gewünschte Ziel innerhalb Deutschlands gelangen
          [*]Kein lästiges Ein- und AusChecken am Flughafen 
          [*]Auch kleinere Ort können mit Uns erreicht werden
          [*]Keine lästige Parkplatzsuche mehr, da genügend Parkplätze vorhanden sind
          [*]Flugspaß hautnah erleben
        [/list]



<span class="qoute">Der Pilot findet dadurch jemanden, der ihm hilft, sein Hobby zu finanzieren und bekommt die notwendigen Flugstunden für den Erhalt der Lizenz zusammen. Für den Mitflieger ist es eine Gelegenheit, preiswert zu reisen.</span></p>


<p class="box">[b]Welche Vorteile hat die Mitflug-Börse für Sie:[/b]</p>




      </div>



      <div class="middle-column-left">


        



        
        von:
        <select name="ctl00$MCPlaceHolder$Flugsuche1$dpStartFlugplatz1" id="ctl00_MCPlaceHolder_Flugsuche1_dpStartFlugplatz" class="formularsearch8" style="width: 96px">
    <option value="0">Alle</option>
    <option value="1">AACHEN - MerzbrÃ¼ck</option>



</select>


      </div>


      
          <div class="middle-column-right">


        



        
            nach:
            <select name="ctl00$MCPlaceHolder$Flugsuche1$dpZielFlugplatz1" id="ctl00_MCPlaceHolder_Flugsuche1_dpZielFlugplatz" class="formularsearch8" style="width: 100px">
    <option value="0">Alle</option>



</select>
          </div>


        




<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 193px; height: 63px">
                  <tbody><tr>
                    <td colspan="2" height="25" class="style1">
                    <input id="ctl00_MCPlaceHolder_Flugsuche1_rdExDate" name="ctl00$MCPlaceHolder$Flugsuche1$Datum2" value="V1" checked="checked" type="radio">
                      <span class="hometext1">beliebig </span></td>
                    </tr>
                  <tr>
                    <td colspan="2" height="27" class="style1">
                    <input id="ctl00_MCPlaceHolder_Flugsuche1_rdInDate" name="ctl00$MCPlaceHolder$Flugsuche1$Datum3" value="V1" type="radio" checked="checked">
                    <select name="ctl00$MCPlaceHolder$Flugsuche1$dpTag1" id="ctl00_MCPlaceHolder_Flugsuche1_dpTag" class="formularsearch2">
    <option value="01">01</option>


</select>

                               <select name="ctl00$MCPlaceHolder$Flugsuche1$dpMonat1" id="ctl00_MCPlaceHolder_Flugsuche1_dpMonat" class="formularsearch3">
    <option value="01">Januar</option>
    <option value="02">Februar</option>
    <option value="03">MÃ¤rz</option>
    <option value="04">April</option>
    <option value="05">Mai</option>
    <option value="06">Juni</option>
    <option value="07">July</option>
    <option value="08">August</option>
    <option value="09">September</option>
    <option value="10">Oktober</option>
    <option value="11">November</option>
    <option value="12">Dezember</option>


</select>
                      <select name="ctl00$MCPlaceHolder$Flugsuche1$dpJahr1" id="ctl00_MCPlaceHolder_Flugsuche1_dpJahr" class="formularsearch4">
    <option value="2008">2008</option>
    <option value="2009">2009</option>
    <option value="2010">2010</option>
    <option value="2011">2011</option>
    <option value="2012">2012</option>



</select></td>
                    </tr>
                  <tr>
                    <td style="height: 25px;" width="25" class="style1"></td>
                    <td style="height: 25px;" valign="bottom" width="190" class="style1">
                    <input name="I1" id="ctl00_MCPlaceHolder_Flugsuche1_btnSuche" src="Index.aspx-Dateien/search.gif" style="border-width: 0px;" type="image"></td>
                  </tr>
                </tbody></table>



                


 <a id=target="_blank" class="float_left" style="width: 37%; height: 34px">
        [img]http://www.mitflug-boerse.de/images/adv/skyfox.jpg[/img]</a>
 <a id=class="float_right" style="width: 383px">
    [img]http://www.mitflug-boerse.de/images/adv/flieger_20061116.gif[/img]</a>
 
 


 


 


 


 


 


 


 <p class="style3">Die Mitflug-Börse dient als Plattform für Privatpiloten und Mitflieger. Gewerbliche Einträge sind nicht gestattet.</p>
        </div>


      
    <div id="footer">
       Copyright &copy; 2008 ew-shop | All Rights Reserved
Design by [url='mailto:info@ew-shop.de']ew-shop[/url]
    </div>
  </div>
</body>
</html>

Alles anzeigen

[/img]

sejuma

Die CSS-Style-Angaben müssen innerhalb des head-Bereiches stehen, nicht vor dem head.

holzverleih

Zitat von sejuma

Die CSS-Style-Angaben müssen innerhalb des head-Bereiches stehen, nicht vor dem head.

ich habe es jetzt geändert siehe obigen Post trotzdem wird noch alles verkehrt im firefox angezeigt

sejuma

Kannst du mal bitte einen Link reinstellen?
Das muss man im Zusammenhang mit der CSS-Datei sehen.

holzverleih

hier der link

http://www.ew-shop.de/test3/index.html

und zur
css datei

http://www.ew-shop.de/test3/style.css

Ferdy2003

Hallo ich habe die CSS Datei wie folgt geändert dann ging es bei mir im Firefox ob es im IE noch geht nach den änderungen kann ich nicht testen wiel ich keinen IE mehr drauf hab

Code

#left-column {
	width: 20%;
	float: left;
	vertical-align: top;
	background-color:
;
	font-size: 1.1em;
	color: rgb(50,50,50)




position:absolute;




}




/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/


/* Sections */
/************/
#middle-column {
	float: left;
	width: 37.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;




Margin-left: 20%;




}

Alles anzeigen

Außerdem solltest du den Quelltext noch standartisieren (klick klick2)

Gruß

Ferdy2003

koslowski

Moin,

genau erst mal alles valide machen dann weiterschauen.

Zitat

Leider wird die Seite mit Firefox total verkehrt angezeigt wo hingegen I-Explorer alles richtig anzeigt.

Du solltest unbedingt davon ausgehen das es der FF richtig macht und der IE nur scheinbar richtig.

Lad dir Firebug für den FF runter, da kannste CSS ändern/editieren, anzeigen lassen welche CSS für welches Element zuständig ist, usw. usw.
Ach ja, alle Änderungen werden sofort live im Browser angezeigt.

sejuma

Bereinige mal zunächst diese Fehler

Dann hat deine CSS-Datei einen seltsamen Einlesefehler:

Zitat

ï»¿
/*****************/
/* MAIN BODY */
/*****************/
body {

Grund ist vermutlich ein Konflikt in der BOM
Überprüfe deshalb den Doctype.

holzverleih

Zitat von sejuma

Bereinige mal zunächst diese Fehler

Dann hat deine CSS-Datei einen seltsamen Einlesefehler:

Grund ist vermutlich ein Konflikt in der BOM
Überprüfe deshalb den Doctype.

Hallo Ich habe mit phase5 jetzt nocheinmal die html Datei mir angezeigt und die fehler die angeblich zu lösen sind sind gar nicht vorhanden bei mir sind alle Tags geschloßen ist ist eine falsche fehlermeldung

Den BOM habe ich auch beseitigt wie hier beschrieben aber trotzdem keine änderung http://schneegans.de/expression-web/zeichencodierung/ beschrieben[/url]

sejuma

Dei Doctype ist XHTML. Diesen Code setzt du aber nicht konsequent und überall um, z.B. bei den bielen
, deren Sinn ich eh nicht verstehe, sofern mehrere hintereinander folgen.

holzverleih

Zitat von sejuma

Dei Doctype ist XHTML. Diesen Code setzt du aber nicht konsequent und überall um, z.B. bei den bielen
, deren Sinn ich eh nicht verstehe, sofern mehrere hintereinander folgen.

je mehr
ich verwende desto mehr Zeilenabstände habe ich
zumindest zeigt mir es dann so Microsoft expression Web an.

Wie kan ich den Doxtype ändern das dann alles passt?

synaptic

also wenn du alles richtig machen würdest, bräuchtest du weitaus weniger von den breakes (
), dann würdest du mehr mit DIVs und paragraphs arbeiten..

wenn du dir absolut nicht sicher bist, wie du der strict.dtd oder der transitonal.dtd folge leisten kannst, nimm loose.dtd im doctype

also

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

sejuma

oder
- je nach Doctype - sind als einfache Zeilenumbrüche gedacht und nicht als "Abstandhalter nach Augenmaß".

Ich kenne zwar deinen Editor nicht, aber derartige Instrumente beeinfluusen den Quelltext idR nicht positiv.
Deshalb meine Empfehlung: Lerne HTML und CSS. Dann verstehst du den Quelltext, kannst Fehlerquellen vermeiden oder bereinigen. Die Zeit, die du dafür benötigst amortisiert sich sehr schnell.
Vor allem mach ein konsequentes Layout und keinen beliebigen Mix aus Divs und Tabellen.

Elvis

Zitat von sejuma

Ich kenne zwar deinen Editor nicht, aber derartige Instrumente beeinfluusen den Quelltext idR nicht positiv.

Ex und Hop Web ist der Nachfolger von Frontscheiße....