You are not logged in.

  • Login

DUKE-NUKEM

Professional

  • "DUKE-NUKEM" started this thread

Posts: 749

Location: Dülmen

Occupation: GER

  • Send private message

1

Monday, September 24th 2007, 6:08pm

css problem mit opera

ich hatte langeweile und hab mal eben eine seite geschreiben


diese funtz in phase 5 auch und in IE eben fals aber in opera läd er antscheinend nicht padding-top usw von css

ich glaube es leigt dann doctype ich ahb shcon ein paar doctypes ausprobiert aber ohne erfolg


hier die seite http://ehlun.eh.ohost.de/Knechter/


hier die css datei


.A a:link {
color: #000000;
text-decoration: none;
background-color: #CC9900;
width: 150px;
height: 30px;
text-align: center;
text-indent:9px
font-family: Arial;
padding-top: 5px;
}

.A a:visited{
color: #000000;
text-decoration: none;
background-color: #CC9900;
width: 160px;
height: 30px;
text-align: center;
font-family: Arial;
padding-top: 5px;

}
.A a:hover {
color: #4058FF;
text-decoration: none;
background-color: #CC99FF;
width: 160px;
height: 30px;
text-align: center;
font-family: Arial;
padding-top: 5px;


}
.B {
background-color: #1013A0;
height: 35px;
font-size: large;
text-align: center;
width: 160px;
font-family: Arial;
}
.C{
height: 190px;
width: 800px;
noresize
}
.D{
padding-top: 10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border-bottom-color: #FFFF00;
border-left-color: #FFFF00;
border-right-color: #FFFF00;
border-top-color: #FFFF00;
border-style: solid;
font-family: Bitstream Vera Serif;
background-color: #000064;
}
.E{
padding-top: 10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border-bottom-color: #FFFF00;
border-left-color: #FFFF00;
border-right-color: #FFFF00;
border-top-color: #FFFF00;
border-style: solid;
font-size: large;
font-family: Bitstream Vera Sans Mono;
background-color: #000064;
}
.UNTEN{
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #FFFF00;
border-bottom-color: #FFFF00;
}
.RECHTS{
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #FFFF00;
border-bottom-color: #000000;
}
.LINKS{
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
}

.MITTE{
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
}
.OBEN{
border-top-color: #FFFF00;
border-left-color: #000000;
border-right-color: #FFFF00;
border-bottom-color: #000000;
}
.ALL{
border-top-color: #FFFF00;
border-left-color: #000000;
border-right-color: #FFFF00;
border-bottom-color: #FFFF00;
}
wayne :> i'm god u know it

Posts: 4,115

Location: Hildesheim

Occupation: GER

  • Send private message

2

Monday, September 24th 2007, 6:36pm

http://validator.w3.org findet schon ein paar Fehler im HTML Code

Edit: Das gleiche für CSS: http://jigsaw.w3.org/css-validator/

This post has been edited 1 times, last edit by "OoK_Isch" (Sep 24th 2007, 6:39pm)


MfG_iLGenio

Professional

Posts: 894

Occupation: AUT

  • Send private message

3

Monday, September 24th 2007, 6:52pm

1) Am besten XHTML strict oder transitional proggen, dann sollte es normalerweise unter den gängigsten Browsern (IE, FF, Opera) keine Probleme mehr geben.
Darunter versteht man nichts anderes als gewisse Regeln einzuhalten.

2) Wenn du schon eine externe CSS Datei hast, dann solltest alle Formatierungen in die CSS packen. Du hast bspw. den table im HTML File formatiert.

3) Was mir schon von Beginn an eigeprägt wurde: "Keine tables zur Formatierung" --> Stattdessen <div> verwenden.

Sind halt alles Kleinigkeiten die zu Problemen führen können.

DUKE-NUKEM

Professional

  • "DUKE-NUKEM" started this thread

Posts: 749

Location: Dülmen

Occupation: GER

  • Send private message

4

Monday, September 24th 2007, 11:53pm

was soll ich von sowas halten

Line 11, Column 25: there is no attribute "HEIGHT".
<table border="0" height="100%" align="center" >



die css datei ist nun bei 2 warungen die ich ncih ganz blicke


ich habe solangsam das problem gefunden warum es pberhaupt entstandt

ich habe ohne doctype angefangen und in phase 5 hat das dann immer alles ganz gut ausgesehn nun breuchte ich einfach denn doctype weiles phase 5 benutzt wenn kein angeben ist das problem ist nur phase 5 hat 2 doctypes für html 4.01 und beiden gehn nicht ^^

This post has been edited 2 times, last edit by "DUKE-NUKEM" (Sep 25th 2007, 12:23am)


Posts: 4,115

Location: Hildesheim

Occupation: GER

  • Send private message

5

Tuesday, September 25th 2007, 12:47am

Nochmal mit Satzzeichen, bitte :)


Quoted

was soll ich von sowas halten

Line 11, Column 25: there is no attribute "HEIGHT".
<table border="0" height="100%" align="center" >


Das heißt, dass innerhalb von table kein height-Attribut zulässig ist.

6

Tuesday, September 25th 2007, 8:58am

Was Grundsätzliches: Du hast ein Tabellenlayout! Tabellenlayouts sind für die Tonne und du solltest dafür geknechtet werden (höhö).

Nein, mal ernsthaft... Du benutzt doch CSS für deine ganzen Formatierungen. Dann mach doch auch dein Design mit CSS! Ist total easy und du hast diese schrecklichen Tabellen weg. Guck dir mal "DIV Container" an.

sylence

Administrator

Posts: 1,863

Location: Dresden

Occupation: GER

  • Send private message

7

Tuesday, September 25th 2007, 11:06am

Vergiss alles, was du über CSS und HTML weißt,
ließ das hier durch und beginne noch einmal neu.
Diesmal allerdings richtig.

8

Tuesday, September 25th 2007, 11:51am

@masterfly: topseite echt gut erklärt und sollte ich nochmal anfangen werde ich garantiert mit dieser seite beginnen, selten so ein gutes tutorial gelesen!

DUKE-NUKEM

Professional

  • "DUKE-NUKEM" started this thread

Posts: 749

Location: Dülmen

Occupation: GER

  • Send private message

9

Tuesday, September 25th 2007, 3:04pm

forne weg ich hab html shcon lange net mehr gemacht und css einfach eben gelernt (ist ja nix hinter) aber seit wann darf man in table kein hieght mehr .... ändern die alles ....

10

Tuesday, September 25th 2007, 3:14pm

Das geht schon, aber da ist ein Leerzeichen (im Atttribut) vor der "100". Da das vom Browser nicht toleriert werden muss, motzt der Validator.

Posts: 4,115

Location: Hildesheim

Occupation: GER

  • Send private message

11

Tuesday, September 25th 2007, 3:18pm

Nix da. table hat kein height-Attribut. Siehe auch http://de.selfhtml.org/html/referenz/attribute.htm#table
td hat eins :)