Fotos und Text

  • Hallo zusammen,
    folgendes Problem:
    Habe im body Bereich links ein kleines Foto und rechts davon soll der Text sein.
    Habe es erst mit padding versucht aber wieder aufgegeben..Nun habe ich es mit einer Tabelle versucht.
    Der Text soll das Foto nicht umfliessen, sondern buendig rechts stehen.
    Im IE ist die Ansicht ok aber im firefox leider nicht, da der Text rechts weg lauft...
    Wie kann ich es beeinfluessen??
    Vielen Dank im Voraus. mfg bunzol





    <!-- Section1 START -->
    <div id="section1">


    <img class="wolke" src="wolke150px113px.jpg" alt="" />



    <h2><img class="wtoh" src="icon/wtoh.png" alt="Welcome to our Hompage" /></h2>
    <div id="table1">
    <table width="400px" cellpadding="0" cellspacing="0" border="0">
    <td >
    <tr>Welcome to Wolke and thanks for visiting our website.</tr>
    <tr>text text text text text text</tr>
    <br />
    <tr>textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt.</tr>
    <tr>Please feel free to contact me ............................................................</tr>
    <br />
    <tr>Wolke GmbH </tr>
    <tr>Ueber den Wolken : 55555 Wolkenland : Germany</tr>
    <tr>Phone: +49 666 23232323</tr>
    <tr>Fax: +49 666 123456</tr>
    <tr>E-Mail: wolke@web.de</tr>
    </td>
    </table>
    </div> <!-- Table1 END -->
    </div>


    css:



    #section1 {
    position: relative;
    background-color: #FFFFFF;
    width: 950px;
    padding-bottom:2em ;
    margin: 0 auto;
    background-color: #FFFFFF;
    }


    #section1 h2{
    margin: 20px 2px 5px 2px;
    padding: 5px 10px 20px 250px;
    word-spacing: 0.3pt;
    letter-spacing: 0.1pt;
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-style: normal;


    }


    .wolke{
    position: absolute;
    float: left;
    margin: 25px 2px 5px 25px;


    }



    #table1{
    position: relative;
    top: 1px ;
    left: 255px ;
    padding-bottom: 2em;
    }

  • programmiere es mal so, dass es üerfekt für den Firefox ist.


    Danach machst du das.


    <!--[if IE 6]>
    <style type="text/css" media="screen">
    #content_left{
    margin-left:50px;
    }
    </style>
    <![endif]-->


    Anstatt IE 6 deine Version. Danach das #content_left rausnehmen und die CSS Zeilen reinschreiben damit es mit dem IE gut aussieht.


    Die Anweisung sagt dem Browser, wenn IE6, dann nehme #content_left mit margin-left 50px. Egal was in der CSS Datei steht.

  • ist nen anderes problem.
    deine tabelle ist falsch aufgebaut, es muss so aussehen

    HTML
    <table>
    <tr><td>test</td></tr>
    <tr><td>test</td></tr>
    </table>


    aber mit tabellen soll man eigentlich kein disign machen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!