Problem mit IE7 Ausgabe

[Santer]

Hallo ich habe ein kleines Problem mit der Darstellung im IE7 bei dem ihr mir vielleicht helfen könntet.

Habe um es besser zu verdeutlichen 2 Bilder angehängt. Links wie es sein soll ( FF ) und rechts wie es im IE7 aussieht.

Das hier sind meine paar Funktionen um diese Ausgabe zu erzeugen:

function startinnertable($widthleft = "", $widthright = "")

{

?>

	<table width="100%">

    	<tr>

        	<td width="<?=$widthleft;?>" valign="top">

            <?PHP

			include('menu.inc.php');

			?>

            </td>

            <td width="<?=$widthright;?>" valign="top">

<?PHP

}


function endinnertable()

{

?>

			</td>

		</tr>

	</table>

<?PHP

}


function startbigtable($title = "", $description = "", $align = "")

{

?>

<table width="100%" align="right" cellpadding="10">

    <tr>

        <div class="heading"><?=$title;?></div>    

        <div class="description">Short Description: <?=$description;?></div>

	<?PHP

	if($align == "left")

	{

	?>

        	<div class="contentleft" align="<?=$align;?>">

                <?PHP

	}

	elseif($align == "center")

	{

	?>

               <div class="contentcenter" align="<?=$align;?>">

               <?PHP

               }

              else

              {

	?>

              <div class="contentright" align="<?=$align;?>">

              <?PHP

              }

}


function endbigtable()

{

?>

	<br /><br />

        	</div>

        </tr>

    </table>

    <br />

    <br />

<?PHP

}


[/php]

[b]Und die Ausgabe:[/b]

[php]
startinnertable("15%", "85%");

startbigtable("Überschrift", "Short Description", "center");
imageresize("GTS.jpg");
endbigtable();

startbigtable("TEST", "TEST", "left");
echo "TEST";
endbigtable();

endinnertable();

Wäre super wenn mir jemand einen Denkanstoß geben könnte um mir ein wenig zu helfen

[geloescht_JesterDay]

Hallo ich habe ein kleines Problem ...

Wäre super wenn mir jemand einen Denkanstoß geben könnte um mir ein wenig zu helfen

Ich denke eher du hast ein großes Problem was HTML angeht. Nimm das nicht persönlich, aber mit php hat dein Darstellungsproblem nichts zu tun. (Wobei dir Darstellung des Codes... aber egal).

Wenn ich z.B. sehe:

<div class="contentleft" align="left"> 


...


<div class="contentcenter" align="center"> 


...


<div class="contentright" align="right">

Dann sind das für mich schon grundlegende HTML/CSS Verständnisprobleme.

Wenn du also zu deinem HTML Hilfe brauchst, dann solltest du das in dem Forum posten und außerdem nicht den PHP Code

[Santer]

Von den div class=content*** wird im HTML nur je einer ausgegeben und nicht alle.

siehe: startbigtable("Überschrift", "Short Description", "center");

der nächste Abschnitt:

startbigtable("TEST", "TEST", "left");

soll natürlich nicht auf gleicher Höhe dargestellt werden, sondern darunter... wie auf den Bildern in meinem ersten Post zu sehen ist...

[Cold-Fusion]

nimm doch yaml. Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework damit sind diverse darstellungsbugs in alles browsern ausgemerzt und du hast ein fexibles und robustes layout. mit dem yamlbuilder, hast du sogar schon fast den ganzen code.

viel spass!

[geloescht_JesterDay]

Von den div class=content*** wird im HTML nur je einer ausgegeben und nicht alle.

Darum geht es mir ja gar nicht. Ich hab nur alle Möglichkeiten aufgezählt.

Aber genau das meinte ich ja...

Also:

Du benutzt CSS (zumindest gehe ich davon aus, da du einen Klassennamen vergibst). Dann baust du aber die Ausrichtung fix in dein HTML mit ein.

Deswegen mein ich ja, du solltest dir mal HTML/CSS zu Gemüte führen :mod:

Außerdem nutzt du divs wo gar keine hinmüssen oder sollen.

<div class="heading"><?=$title;?></div>

Aua, sag ich da wenn ich sowas sehe.

Für mich sind das ganz eindeutig Verständnisprobleme von HTML.

Versteh das nicht falsch, aber das ist so daneben, da kann ich nichts anderes dazu sagen.

Für Überschriften gibt es HTML-Tags, <hx>.

Deins ist kein HTML, das ist eine HTML-ähnliche Struktur, die dann nach irgendwas aussieht und im Browser angezeigt wird wie du das willst.

HTML ist dazu da, einen Text auszuzeichnen und zu strukturieren. Dazu gehört auch die logische Auszeichnung der Inhalte, z.B. eines Textes als Überschrift. Und nicht nur optisch, sondern vorallem auch logisch.

[Santer]

:uli

Du benutzt CSS (zumindest gehe ich davon aus, da du einen Klassennamen vergibst). Dann baust du aber die Ausrichtung fix in dein HTML mit ein.

Würde es ja über CSS machen, wenn du mir behilflich bist und mir kurz sagst, wie ich eine Variable aus PHP an eine CSS-Anweisung übergebe, denn dann könnte ich ja die 3 classes in einer zusammenfassen und würde auf dasselbe Ergebnis kommen.

Außerdem nutzt du divs wo gar keine hinmüssen oder sollen.

Okay, danke.

Dass <hx> für Überschriften sind weiß ich, jedoch würde ich theoretisch dann mein background-image nur im Bereich <hx><?=title;?></hx> sehen.

Jedoch nicht über den kompletten Bereich wo die Überschrift drin steht oder?

Könnte ich meine class für die Überschrift einfach gegen hx tauschen?

EDIT:

Bild unten nach Änderung von div's auf hx's

[geloescht_JesterDay]

Würde es ja über CSS machen, wenn du mir behilflich bist und mir kurz sagst, wie ich eine Variable aus PHP an eine CSS-Anweisung übergebe, denn dann könnte ich ja die 3 classes in einer zusammenfassen und würde auf dasselbe Ergebnis kommen.

Du hast doch schon 3 Klassen, die du entsprechend setzt. Dann pack die Textausrichtung doch da rein?

.contentleft { .... text-align: left; ... }

EDIT:

Zu deiner Überschrift: Standardmäßig hat eine Überschrift einen Abstand vom nachfolgenden Element, das musst du halt anpassen. Entweder direkt für alle h1, oder über eine Klasse z.B.

[Santer]

Du hast doch schon 3 Klassen, die du entsprechend setzt. Dann pack die Textausrichtung doch da rein?

.contentleft { .... text-align: left; ... }

Sobald ich es so mache, ist die komplette Ausrichtung der Texte okay. Aber alles andere in dem div bleibt normal, obwohl text-align: left; ist.

Aber wenn ich align="left" nutze ist alles richtig, dort wo es sein soll.

[geloescht_JesterDay]

Aber alles andere in dem div bleibt normal, obwohl text-align: left; ist.

Ich sagte ja, das ist kein Skript- und Webserverprogrammierungs Problem.