CSS positionering og firefox??

Hej.

Der er et par småfejl i din xhtml. Prøv at validér og ret fejlene.

Jeg har rettet nogle af fejlene, men forstår ikke helt de to sidste fejl, og firefox ser stadig forkert ud? http://validator.w3.org/check?uri=http://www.absskabe.dk/

Har ikke lige nået at kikke men jeg mener du havde lagt et link til et style sheet langt nede i koden, hvor den burde være lagt indenfor din head

Det er korrekt, at link til style ligger i body, og det bliver også rettet.

Men det er vel ikke fejlen eftersom at diverse styles jo bliver loadet?

Det tror jeg faktisk det kan være. Firefox plejer ikke at "fejle" når Safari, Chrome og Opera ikke gør det. Det kan næsten ikke betale sig at lede efter andet indtil du får placeret stylesheetet rigtigt.

Nu er link elementet placeret korrekt, men det virkede desværre ikke..

Nej, OK. Man må heller ikke have et "div" indeni et "a". Det har du bla. ved "Gå til køkkenelementer" Det giver rod.
(Det går lidt stærkt det her. Men, jeg arbejder også:-)... )

Jeg har tidligere forsøgt at sætte de to div's udenfor <a> men det hjalp heller ikke..

Sidder også selv og arbejder, så det er helt ok :)

Glemte at spørge hvorfor du bruger tabeller...?  -  Det er nemmere uden!

Ja det er der hvor mine ekspertiser begynder at halte lidt. Jeg kunne ikke rigtig få de forskellige ting placeret rigtigt uden tabellen..

Jeg har kikket lidt på din kode og tror faktisk det nemmeste for dig, vil være at lave hele øverste del med teksten, billede og knap til ét billede istedet for. Så skal du kun koncentrere dig om at placere et billede.

Hvis du stadig vil placere billederne absolut, tror jeg du vil have større held med det, hvis du sætter position: relativ; på din div #main istedet for tabellen.

Det kan af SEO-mæssige oversager desværre ikke samles i et billede, så jeg prøver lige det du forslår med position:relativ; i stedet..

Nu har jeg kigget lidt på dit forslag, og #main vil jeg helst ikke "pille" ved, da det er en del af "the core design" på shoppen.

CMS-systemet gir mig mulighed for at redigerer mellem
<!-- start content --> og <!-- end content --> og det er mellem dem at jeg har kodet. Samtidigt har jeg tilføjet nedenstående style til mit design på forsiden:
http://www.absskabe.dk/skin/frontend/default/default/css/forside-style.css

Der må da være en måde at gøre det på, uden at skulle pille i hele shoppens style?

Håber I forstår?

<table width="950px" style="position:relative; top:165;">
skal være
<table width="950px" style="position:relative;top:165px;width:950px;">
eller anden måle enhed på top:;

Ja det hjælper altså ikke men vi kan ligeså godt få valid kode hele vejen.
PS: det skal vist bare være: <table style="width:950px;">

Har gennemset næsten alt og jeg har lagt mærke til at det er alle dine position:absolut; inde i din #main der ikke virke (uden undtagelse), så jeg vil ligesom godskesen forslå at bruge position relativ.

Hvis det ikke er en løsning, vil jeg i dette tilfælde påstå at det er en dårlig ide at blande position:absolut; og <table> sammen. position:absolut; bruges normalt i forbindelse med z-index, hvilket jeg også anbefaler dig hvis du vil bruge position:absolut;
Altså lave et lag i en <div> nederst i koden og placere dine objekter/billeder som de skal være.

Nu er problemet ikke så meget relative vs. absolute, men mere det at der ikke kan sættes en position:absolute; eller relative; på en tabel ... så jeg vil nok anbefale at du lige efter content start kommentaren (før tabellen) indsætter <div style="position:absolute;"> (eller relative) og så en </div> lige før content end kommentaren. (så er du også fri for at rode en masse rundt i det lige p.t. - tabellen fungerer jo ok)


- Der er ingen grund til at bruge z-index fordi man bruger position absolute, det afhænger af behovet af det man vil opnå.

^ - Ignorer ovenstående

#main{position:absolute;}
eller
#main{position:relative;}
tilføjet til css som foreslået af godskesen
er det samme (bortset fra det er lettere og bedre)

Mange tak mclemens, jeg tilføjede som du nævnte en <div style="position:absolute;"> om det hele og det ser tilsyneladende ud til at virke!

Tilføjer du et svar?

Kommer her og tak for point :)