Ergebnis 1 bis 7 von 7

Thema: Probs mit float (bei Firefox)

  1. #1
    Interessierte/r
    Registriert seit
    10.09.2007
    Beiträge
    101
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Probs mit float (bei Firefox)

    Hey Leute ich wollte ja Text neben ein Bild machen (siehe http://www.forum-hilfe.de/viewtopic.php?t=33821)
    Ich das das mit dem float gemacht... bei IE6 klappt das inwandfrei aber bei Firefox ist der Text über dem Bild...

    Was kann ich machen???

    EDIT:
    Code:
    [img]Hp (neu)/pics/philippS.jpg[/img]	
    
    
    TEXT...</p>
    MfG
    NeverDead
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Wer glaubt, ein Christ zu sein, weil er die Kirche besucht, irrt sich. Man wird ja auch kein Auto, wenn man in eine Garage geht.(Albert Schweitzer)

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Re: Probs mit float (bei Firefox)

    Zitat Zitat von Neverdead
    Was kann ich machen???
    Zunächst mal einen Link oder den Quelltext hier reinstellen, weil man ohne konkrete Angaben auch nicht konkret helfen kann.

  3. #3
    Interessierte/r
    Themenstarter

    Registriert seit
    10.09.2007
    Beiträge
    101
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Was kann ich JETZT machen? =)
    Wer glaubt, ein Christ zu sein, weil er die Kirche besucht, irrt sich. Man wird ja auch kein Auto, wenn man in eine Garage geht.(Albert Schweitzer)

  4. #4
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    margin

  5. #5
    König(in) Avatar von chris90night
    Registriert seit
    09.09.2006
    Ort
    <?php echo $_SERVER['PHP_SELF']; ?>
    Beiträge
    1.096
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Du kannst auch zwei div´s nebeneinander machen. Der IE6 macht da was falsch, Firefox hingegen macht es richtig, wenn er unter dem Bild den Text schreibt.

    bedeutet Absatz und ein Absatz fängt nunmal in einer neuen Zeile an, naja, die Logik eines Internetexplorers eben ... :P

    Wie gesagt, ich würde das Bild in ein <div> packen mit float:left; und dann gleich ein <div> daneben nochmal float:left; mit dem Text

    Chris


    Denk immer daran: auch am anderen Ende der Leitung sitzt ein Mensch!

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das klappt bei mir auch im FF (aktualisiere mal deinen Browsercache).
    Evtl. noch ein Margin hinzufügen:
    Code:
    [img]Hp &#40;neu&#41;/pics/philippS.jpg[/img]   
    
    
    TEXT...</p>
    Achte mal darauf, dass die Ordner/Dateien möglichst keine Leer- und Sonderzeichen enthalten und durchgängig klein geschrieben sind. Also besser:
    Code:
    [img]hpneu/pics/philipps.jpg[/img]   
    
    
    TEXT...</p>

  7. #7
    König(in) Avatar von chris90night
    Registriert seit
    09.09.2006
    Ort
    <?php echo $_SERVER['PHP_SELF']; ?>
    Beiträge
    1.096
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Verseht ihr das nicht?^^

    Der Firefox macht es richtig, wenn er den Absatz und somit den Text unter das Bild schreibt ...


    ist ein Blockelement:
    Block-Elemente erzeugen eine neue Zeile im Textfluß ...
    und <img> ist ein Inline-Element:
    Inline-Elemente erzeugen keine neue Zeile und sind im normalen Textfluß immer nebeneinander angeordnet.

    Und weil

    kein Inline-Element ist, wird der Absatz in der nächsten Zeile angezeigt.

    Wie schon gesagt:

    So geht es:
    Code:
    <div style="width&#58;100px;height&#58;100px;float&#58;left;margin-right&#58;50px;">
         [img]image.jpg[/img]
    </div>
    <div style="width&#58;100px;height&#58;100px;float&#58;left;">
         Text, der mit 50 Pixel Abstand rechts neben dem Bild steht ...
    </div>
    ...


    Denk immer daran: auch am anderen Ende der Leitung sitzt ein Mensch!

Ähnliche Themen

  1. CSS float clearen
    Von Dikra im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 17.04.2008, 19:58
  2. 2 spalten mit float & footer
    Von phore im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.03.2006, 17:04
  3. Float und Table - IE-Bug?!
    Von Kasper im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.12.2005, 15:18
  4. Probleme mit float
    Von Modula im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 01.08.2005, 14:26
  5. css problem float
    Von pt-3000 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.07.2005, 16:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •