✔ Das übliche IE / FF debakel

[Chaosengel_Gabriel]

Hab das jetzt geändert... Soweit ist auch richtig jetzt...
Is aber immernoch nen Rahmen, der vom FF nicht weit genug gestreckt wird, ein Rahmen wird garnicht gezeigt und ein div wird zu kurz gezeigt^^

 

[Maik]

Ich hab keine Ahnung, von welchem Rahmen und DIV du da konkret sprichst

Aber schau dir einfach mal das hier an.

 

[Chaosengel_Gabriel]

Im IE sind die Rahmen so wie sie sein sollen, aber im FF nicht...
Außerdem wollte ich das Login-Formular oben links genau so hoch machen, wie das Bild+der Navi darunter...
Zudem hat eigentlich auch das div mit dem login nen Rahmen (fehlt im FF) und der untere Rahmen des gesamten Banners wird im FF nihct unter dem oberen Navi gelegt...

 

[Maik]

Wenn du den Login-Bereich oben rechts so hoch, wie den Banner und die Navigation zusammen, gestalten willst, hast du ihn schlichtweg an der falschen Stelle im HTML-Quellcode notiert.

Ich häng dir mal die überarbeitete Fassung meines letzten Beispiels an, vielleicht kannst du damit was anfangen.

 

[Chaosengel_Gabriel]

Du bekommst von mir das "Bundesverdienstkreuz"...
DAS ist genau DAS, was ich hinkriegen wollte...

Tausend Dank^^ Wenn ich dir mal helkfen kann, lass es mich wissen

 

[Maik]

Guten Morgen

Ein "Bundesverdienstkeks" wäre mir da lieber

 

[Chaosengel_Gabriel]

Dann halt den^^
Soweit so gut ist es^^
Was hältst du vom Design? Is nur mit CSS gemacht^^

Ach ja... Mir ist auf gefallen, dass, weil ich nen 5px dounle Rahmen fürs input-Tag habe, dass das im IE auch für ne checkbox gilt, aber der FF macht das nicht...
Kann ich den Rahmen auch im IE nur um die checkboxen verhindern? Denn mit sieht man den Hacken kaum^^

 

[Maik]

Was hältst du vom Design?

"Geschmackssach' " hat der Aff' gesagt und in die Seif' gebisse :suspekt:

Den Konflikt mit dem Rahmen um die Checkbox bekommst du folgendermaßen in den Griff:

input.text, input.button
{
background-color: #555;
color: #fff;
}

input.text, input.button
{
border: 5px double #f00;
}

<input class="text" type="text" name="Nickname" maxlength="32">

...

<input class="button" type="submit" name="submit" value="Einloggen">

 

[Chaosengel_Gabriel]

Zumindestens is die Site durchs Design sehr schnell

Hab auf ner anderen Site nen Verwandtes Problem...
http://gabriel86.ga.funpic.de/wuensch-dir-wasplanet/index.php

Das Formular zum mailen unten hab ich mit ner Tabelle in dem Page-div angelegt... Im IE wird die auch mit dem Rest zentiert angezeigt nur der FF zentriert die nicht...
Code und CSS sind validiert^^

 

[Maik]

Hi,

in den modernen Browsern lassen sich Blockelemente, wie z.B. das form-Element, nicht durch die text-align:center-Deklaration für das Elternelement horizontal zentrieren.

Verwende stattdessen folgende Regel, um das Formular horizontal zu zentrieren:

form {
width:670px;
margin:0 auto;
padding:0;
}