Den rigtige angivelse af CSS

flot side...jeg sidder og bøvler med nøjagtig samme problem... jeg ved heller ikke hvorfor firefox smadrer hele layoutet.

mvh
Mads

hvis du ser her.. så kan du se dine fejl..
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.newmusicnet.dk%2F806%2Findex.asp&usermedium=all

foxmulder58 >> tak

sjh >> kigger du på fejlmeddelelserne, er det ikke nogle af betydning. De omhandler farven på scrollbaren og "hand is not a cursor value : hand ".

// Bjarke

Start med at kigge på dine fejl i koden:
http://validator.w3.org/check?verbose=1&uri=http%3A//www.newmusicnet.dk/806/index.asp

Herefter vil jeg anbefale dig at kigge på box-modellen:
http://www.google.com/search?hl=en&safe=off&q=box+model+hack+css

Problemet er, at IE og Gecko ikke tolker samme kode på samme måde. IE er mere fleksibel overfor fejlkode, hvorimod Geckobaserede browsere (som regel) ikke er så flink til at ignorere fejl...

exp:
På godt dansk, så det du siger er, at Geckobaserede browsere er mere korrekte, og er mere tro til HTML, XHTML og CSS-standarderne? Og at IE bare gætter sig frem, og er mindre ligeglad med standarderne?  :-)

exp:
...det vil dermed også sige, at hvis man webudvikler, og er bare en lille bitte smule seriøs, skal man bruge Geckobaserede browsere (som fx. Firefox) og Opera, frem for IE til at teste sine websites i?
Det er ihvertfald det jeg gør. :-)

Ja nu har musicchart jo godt nok lavet det hele i CSS, der skulle nok være brugt en table eller 2.. de HP jeg har lavet, plejer jeg også først at se i IE.. som regel virker de også i: Mozilla Firefox 1.0, Netscape 7.2 og Opera 7.54. så det kan altså godt lade sig gøre at bruge IE til at se sit design i.

jeg har se lidt på din kode, og kan se du bruger:
position: relative;

Uden at være ekspert på CSS, vil jeg nok mene at det er der, det går galt.

Måske du skulle fortælle hvad left: er.. Jeg har set dette link i IE og Firefox, og de er ens.. men de har også defineret left:
http://www.w3schools.com/css/tryit.asp?filename=trycss_position_relative

Jeg vil foreslå dig enten:
- lægge hele dit website ind i en centreret tabel,
- lægge hele dit website ind i en centreret DIV.
Jeg vil selvfølgelig anbefale dig den sidste løsning. :-)

Og her er hvordan du gør det:
Kig godt og grundigt på hvordan en DIV-box centreres, og hvordan DIV-boxen tilrettes specielt til IE:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
(Kig efter "Centered" nederst på websitet).

Og tro mig: Det virker! Du kan jo selv prøve at kopiere kildekoden og teste den i diverse browsere. :-)

Tak for hjælpen... men der er ingen der har et bud på hvad jeg skal ændre i min CSS fil, før det virker?

extend >> jeg tester det lige...

...problemet i dine koder er nemlig, at du ikke har centreret dit website i bredden. Men det kan du rette via linket jeg har vist dig. :-)

jo left: sammen med position:.. er mit bud

...en anden måde at gøre samme triks på, med at centrere en DIV-box for IE og alle de andre browsere, er beskrevet her:
http://glish.com/css/hacks.asp
Måske er det nemmere beskrevet på denne måde?

Nu har du ihvertfald 2 løsningsmodeller til samme løsning. :-)

Hvis du ser på koden her: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

så kan du se at de har defineret top: 0px; , left: 0px;

#left {
    position: absolute;
    top: 0px;
    left: 0px;

Det var nok det jeg vil prøve først.. før du smader det hele :D

Jepper, du prøver dig bare frem. Også de forslag som sjh foreslår. :-)

Men her er ihvertfald en ret detaljeret beskrivelse på dansk, om IE kanon-store problem med at centrere CSS-boxe korrekt, og (igen) hvordan problemet løses:
http://www.webdesign101.dk/xhtml/css/hacks/index.php

Nu virker det hverken i IE eller mozilla :)

-----------------------------------------------------------------

#left {
    position: absolute;
    top: 0px;
    left: 0px;
    }

body, html {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color : #DAD7D7;
    background-image:  url(images/bg.gif);
    background-position: top;
    background-repeat: repeat;
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #999999;
    scrollbar-highlight-color: #999999;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #F1F1F2;
    scrollbar-track-color: #F1F1F2;
    scrollbar-arrow-color: #999999;
    text-align: center;   
}

.contDiv {
    width: 760px;
    height: 500px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    border-right: solid 1px #B6ACAC;
    border-left: solid 1px #B6ACAC;
    border-bottom: solid 1px #B6ACAC;
    border-top: solid 1px #B6ACAC;
    text-align:left;    
}

Næ Nej der er under alle dem med (position: relative;) og det er ikke sikkert der skal stå left: = 0px; det kan også være right: xxx px;

.contDiv {
    position: relative;

#menu{
    position: absolute;

#menu_bg{
    position: relative;

#spalte{
    position: absolute;

#adminmenu{
    position: absolute;

#topbanner{
    position: absolute;

#topmenulinie{
    position: absolute;

#toplinie{
    position: absolute;

#main{
    position: absolute;

.content_main{
    position: relative;

.menu{
    position: relative;

.menu_baad{
    position: relative;

.spalte_dato{
    position: relative;

.spalte_tekst{
    position: relative;

.spalte_nyheder{
    position: relative;

.spalte_adminmenu{
    position: relative;

.spalte_artikler{
    position: relative;

.bundtekst{
    position: relative;

.space{
    position: relative;

#velkommen {
    position: relative;

sjh >> du har fuldstændig ret... kom også lige i tanke om det.

Puha ja... så lykkedes det!
http://www.newmusicnet.dk/806/index.asp

sjh >> laver du ikke et svar, så fordeler jeg points.

Kunne der evt. være en der havde et godt råd til de 2 resterende fejl?
Fejlen ang. scrollbar og Fejlen ang. "hand" (hånd-markør over menupunkterne)

Hilsen,
Bjarke

Ja, nu ser det jo godt ud i Mozilla Firefox 1.0, Netscape 7.2 og Opera 7.54
Jeg mener "hand" er det samme som "pointer"

Jeg tror faktis kun det er IE som kan det der, med scrollbar..

Tak for point..

Jeg takker for points, og håber at mine svar/links har været med til at hjælpe dig/give dig gode råd/ideer fremover. :-)

Ja, "hand" er det samme som "pointer".

Og det er også kun i IE, at man kan farvelægge sin scrollbar.

Men igen, ligesom med "hand, så kan man ikke validere sit script, hvis man gør det.

Rigtigt pænt og overskueligt website du har fået lavet dig, musicchart.dk  :-)

extend >> Tak :o) - så skulle du se systemet bag ved, det er det der trak tænder ud...