Design Problem...

[PowerCheat]

Unter http://www.conquest1401.net/cq1/Untitled-1.htm findet ihr ein Design von mir.

Nun habe ich das ganze nach einen Beispiel aus einem Buch gemacht, doch mit FF, IE und Opera sieht das komisch aus, dabei sollte es eigentlich ordentlich aussehen...

Könnt ihr mir helfen? Ich komme nicht mehr weiter... ich weiß einfach nicht was falsch ist -.-

 

[Maik]

Hi,

nimm mal folgende Änderungen und Ergänzungen im Stylesheet vor:

#wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    position: relative;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

und ruf im DIV #wrapper die Klasse clearfix auf:

<div id="wrapper" class="clearfix"> ... </div>

Siehe hierzu auch http://positioniseverything.net/easyclearing.html.

 

[PowerCheat]

Super danke, aber leider ist der Footer nun noch nicht ganz unten.

habe die Abänderungen hoch geladen, link wie oben. (Ansicht im FF)

Anmerkung, bei dem Content bereich, wird den Contleft_footer überdeckt mit dem Footer was eigentlich nicht sein sollte.

Jetzt weiß ich auch wieso ich mich nur auf PHP spezialisiert habe und nicht auf HTML bzw. CSS ^^

 

[Maik]

Bei mir sitzt der Footer am unteren Fensterrand.

Das Überdecken des Inhalts durch den Footer kannst du mit einem entsprechenden unteren Innenabstand für das DIV #contleft_cont abstellen.

 

[PowerCheat]

Ja mit #contleft konnte ich es dann.

Ich danke dir. Vielen Dank!

Manchmal sieht man den Wald vor lauter bäumen nicht mehr -.-

EDIT: unter Opera 9.21 ist aber unter dem Footer noch eine Zeile...

 

[Maik]

Hi.

EDIT: unter Opera 9.21 ist aber unter dem Footer noch eine Zeile...

Dazu lässt sich nichts sagen, da du für die verlinkte Problemseite mittlerweile eine Authentifizierung eingerichtet, aber hier nicht die Zugangsdaten hinterlegt hast.