[elluca]

Hallo!

Ich bin daran eine Website für eine Galerie zu machen, und bin auf viele probleme mit dem IE gestossen, die ich bis jetzt auch alle Lösen konnte.

galerie thomas bäni - Home

Jedoch dieses nicht. Ich will,was ihr in jedem anderen Browser sehen könnt, den Titel einer Rubrik links floaten lassen und einen kleinen Abstand von oben und links haben. Den Content soll rechts floaten und auch dort positioniert werden.

Der Titel:

.main .content .contentpaneopen .contentheading {
font-size: 18px;
font-weight: bold;
color: #6B6D6C;
margin-top: 30px;
margin-left: 69px;
float:left;
}

Und der Content:

.main .content .contentpaneopen td{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:lighter;
float:right;
width:500px;
margin-left:288px;
margin-top:-24px;
}

Das ganze mache ich wie ihr sehen könnt, mit margins. nur funktionieren die im IE nicht.

Wäre um jeglichen Tipp sehr dankbar

Gruss

[hubspe]

Moin,

zuallererst mal mußt du diese Zeile rausschmeissen:

<?xml version="1.0" encoding="iso-8859-1"?>

Die schmeisst den IE6 sofort in den Quirksmodus.

Im IE6 ist die Seite ohne CSS zu sehen.
Irgendwo schaltest du das CSS für den IE6 aus.

Im IE7 sind header und navi futsch..

.navi hat z.B. line-height:0 und overflow:hidden, d.h. Zeilenhöhe ist null!.
Warum??
.content hat kein Layout für den IE.

Styleangaben haben im Quelltext nix zu suchen.

Quelltext und CSS sind ziemlich wüst für mich.
Da ist mir gar nicht klar, warum du was wo gemacht hast.

Sorry, ich will dir nicht zu nahe treten, aber das sieht so aus als wüßtest du nicht so recht was du da tust.
Oder ich bin noch nicht richtig wach heute morgen.

Gruß
Klaus

[elluca]

Hallo hubspe

zuallererst mal mußt du diese Zeile rausschmeissen:
Code:

<?xml version="1.0" encoding="iso-8859-1"?>

Die Zeile

<?xml version="1.0" encoding="iso-8859-1"?>

wird von Joomla generiert.

Im IE6 ist die Seite ohne CSS zu sehen.
Irgendwo schaltest du das CSS für den IE6 aus.

Im IE7 sind header und navi futsch..

Die Site wird vom IE6 sowohl wie vom IE7 richtig dargestellt bis auf die margins. Ich weiss nicht, wie du darauf kommst.

.navi hat z.B. line-height:0 und overflow:hidden, d.h. Zeilenhöhe ist null!.
Warum??

line-height:0px; hab ich rausgenommen. ohne den overflow:hidden; zerreisst es die navi im IE.

Styleangaben haben im Quelltext nix zu suchen.

Meinst du .multithumb und .imagewrapper? Das erste ist für die darstellung der Lightboxes. Das zweite wird von einem meiner PHP Scrtips generiert, die die Schatten für das Bild "zurechtschneidet".

Quelltext und CSS sind ziemlich wüst für mich.
Da ist mir gar nicht klar, warum du was wo gemacht hast.

Ich weiss, jedoch ist dafür grösstenteils Joomla verantwortlich.

Sorry, ich will dir nicht zu nahe treten, aber das sieht so aus als wüßtest du nicht so recht was du da tust.
Oder ich bin noch nicht richtig wach heute morgen.

Nein, ich bin auch noch ein Anfänger. Das ist meine 2. Website.

Vielen Dank für deine Antwort!

[fricca]

Zitat von elluca

.main .content .contentpaneopen td{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:lighter;
 float:right;
width:500px;
margin-left:288px;
margin-top:-24px;
}

Du floatest Tabellenzellen. Das geht im IE nicht. Deshalb wirken auch keine Margins.
Es wäre sinnvoll, deinem CMS diese x-fach verschachtelten Tabellen abzugewöhnen. Es heißt doch, die neue Joomla-Version hätte sich diesbezüglich gebessert.

Da du nicht der erste Joomla-Nutzer in diesem Forum bist: Andere haben die von hubspe monierte erste Zeile auch entfernen können. Es muss also möglich sein.

[hubspe]

Hi,

Zitat von elluca

Nein, ich bin auch noch ein Anfänger. Das ist meine 2. Website.

und dann direkt mit Redaktionssystem.
Alle Achtung, du traust dich ja was.

Wäre es nicht sicherer eine normale H? zu bauen und dann die Pflege/Wartung zu übernehmen?

Gruß
Klaus

[elluca]

Danke vielmals, fricca!

Ich habe es geschafft, dass der Content and der richtigen stelle ist. Jedoch lässt sich der Titel nicht verschiben.

.main .content .contentpaneopen{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:lighter;
float:right;
width:500px;
margin-left:288px;
margin-top:4px;
display:inline;
}
.main .content .contentpaneopen .contentheading {
font-size: 18px;
font-weight: bold;
color: #6B6D6C;
float:left;
margin-bottmon: -30px;
margin-left: 69px;
display:inline;
}

Wäre es nicht sicherer eine normale H? zu bauen und dann die Pflege/Wartung zu übernehmen?

Einerseits arbeite ich von anfang an mit CMS und andererseits müsste ich dann mehrmals in der Woche die Website auf dem Laufenden halten, da es sich wie gesagt um eine Galerie handelt. Dazu habe ich einen eigenen Adminbereich geschrieben, um das ganze zu verwalten.

PS: mit welchem Tool schaut ihr euch das CSS im IE an? Ich arbeite mit einer Browserweiche.

Ich traue mich was? Nein, ich brauche Geld!

[fricca]

Der "Titel" ist ja auch immernoch eine Tabellenzelle.
Mit der Struktur, wie du sie jetzt hast, geht nichts mehr. Du hast jetzt die zwei Tabellen der Klasse "contentpaneopen" verschoben.
Du musst diese Tabellen loswerden, wenn du sinnvoll mit CSS gestalten willst.

Ich traue mich was? Nein, ich brauche Geld!

Eben deshalb.
Sorry, aber wenn du Geld für deine Arbeit verlangst ist es umso wichtiger, dass du ein sauberes Ergebnis ablieferst. Dieser Tabellenwust ist im Jahre 2008 nicht mehr tragbar.

[elluca]

Das weiss ich ja! Ich hasse Tabellen abrgundtief, jedoch habe ich noch keine anständige Moöglichkeit gefunden, Joomla Barrierefrei zu kriegen.

[fricca]

Das hat mit Barrierefreiheit noch lange nichts zu tun.
Dass Layouttabellen böse sind wissen alle. Aber was sind Tabellen, die noch nicht einmal zum Layouten taugen? Ich weiß es nicht.
Wenn du deine Struktur nicht ändern kannst wirst du damit leben müssen, dass du deinen Gestaltungswunsch im IE nicht umsetzen kannst.
Gute Nacht.

[elluca]

Ja, stimmt.

Aber ich habe eben einen Teil der Lösung gefunden. ich suche noch dananach wie ich meinen mainbody tabellenlos kriege.

Gute Nacht