ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS Problem

Geschlossen
  1. #1
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    Hallo,

    also ich habe ein Problem hier : balthazar3k.ba.funpic.de/Beispiel.html

    Wenn ich bei Google versuche nach dem Problem zu suchen, dann spuckt der mir Sachen aus mit denen ich nichts anfangen kann, und ich habe ehrlich keine lust alle 1k ergebnisse zu durchwühlen.

    Also in Firefox wird mir alles richtig angezeigt, so wie es sein soll.
    Aber wie immer der Internet Explorer wieder nicht.

    Nun ist meine Frage wie ich das hinbekomme das es so wie in Firefox angezeigt wird, bitte?
    Mir würde auch schon ein Link helfen in dem so ein Fall mal erfolgreich behandelt wurde.

    Das ist nur ein Beispiel, im Normalfall wird das alles von einem PHP Script erzeugt, das ich gerne nicht ändern Möchte.

    M.f.G Angelo


    verwendete ilchClan Version: 1.1

    betroffene Homepage: balthazar3k.ba.funpic.de/Beispiel.html
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    annemarie gelöschter User
    so unwichtig es scheint, ein doctyope im header kann ein zerschossenes layout / nicht funzendes script schon wieder zum laufen bringen!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    solange nur der content floatet sind die elemente inline, das sieht man sehr schön im zweiten haupt-div das sich nur um die texte legt obwohl die boxen der texte höhe und breiten haben.
    lass das hauptdiv auch einmal floaten und er wird die größe seiner kind-elemente auch berücksichtigen.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><style type="text/css">
    .test{ border: dotted 1px red; height: 50px; width: 50px; margin-left: 1px; margin-top: 1px; float: left; }
    .haupt{ border: solid 1px black; padding-bottom: 1px; position:relative; clear:both; margin-bottom:50px; float:left;}
    </style>
    
    </head>
    <body>
    <div id="0" class="haupt">
      <div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
        <div class="test">Test 0.3</div>
    	<div class="test">Test 0.1</div>
        <div class="test">Test 0.2</div>
        <div class="test">Test 0.3</div>
        <div class="test">Test 0.4</div>
    </div>
    <br>
    <div id="1" class="haupt">
      <div class="test">Test 1.1</div>
        <div class="test">Test 1.2</div>
        <div class="test">Test 1.3</div>
        <div class="test">Test 1.4</div>
        <br style="clear: both;">
    </div></body></html>


    ZitatZitat
    Mir würde auch schon ein Link helfen in dem so ein Fall mal erfolgreich behandelt wurde.


    ja hier 1sten und 2tens zwinker
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    Hey danke ^^

    Das Doctype wird ja im Hauptscript ausgegeben, aber danke Wust ich auch nicht das es mit an solchen Problemen liegen kann.

    Wobei es ja hier auch ohne dem Doctype geht.

    Die Links gefallen mir ^^
    Aber man kann nicht erwarten das ein Besucher einer Webseite den IE in die Tonne wirft, benutzerfreundlich und Benutzer Ansicht ist wichtig ^^
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten