thenetr kom med følgende:
> On Jun 14, 3:41 pm, Birger Sørensen <s...@bbsorensen.com> wrote:
>>
>> Der er 373 HTML fejl på den side du referer til. Det kunne måske hjælpe
>> at rette nogen af dem...
>> Start med at få DOCTYPEN rigtigt - så browsrne i det mindste ved
>> hvordan de burde fortolke koden.
>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>> "
http://www.w3.org/TR/html4/loose.dtd">
>> Når browserne så ikke længere er i quirks mode, og du har rettet de
>> fejl der er tilbage, kan man også regne med det man ser på skærmen.
>> Så kan du spørge igen, hvis problemet stadig er der.
>> Dernæst, vil det nok være en ide, at lægge css'en i en fil for sig
>> selv, evt i <style> tags i header, og få alt det der er sat ind i
>> taggene væk. Så kan man måske oversue, hvilke elementer der har hvilke
>> parametre. Det er ikke muligt, uden at investere adskille timer i dit
>> projekt, som det er nu.
>>
>> Brug
http://validator.w3.org/http://jigsaw.w3.org/css-validator/
>> eller installer HTML-Validator
>> (
http://users.skynet.be/mgueury/mozilla/) udvidelse i FireFox, det er
>> nemmere at arbejde med, end online valideringen.
>>
>> Birger
>>
>> --
http://varmeretter.dk- billig, sund og hurtig mad
http://bbsorensen.dk-
>> Hide quoted text -
>>
>> - Show quoted text -
>
> Avs. Tak for de hårde ord - helt fortjent :) Jeg var vist lidt naiv at
> tro at naturligvis var skabelonen ok når den nu var lavet af
> professionelle. De forskellige ting er rettet og HTML som CSS
> validerer nu via w3.org
>
> Det giver så nogle problemer ift IE8. Jeg har lagt 2 billeder ud, der
> beskriver hvad der er galt - men problemerne kan jo nok også ses på
>
http://test.aquatex.dk
>
> Ellers ligger billederne på hhv
>
http://test.aquatex.dk/error/test_aquatex_firefox.png/ og
>
http://test.aquatex.dk/error/test_aquatex_ie8.png/
>
> Er der noget specielt jeg skal kigge efter?
>
> Jeg prøvede iøvrigt CSS3's "word-wrap:break-word;" uden succes i IE8.
> Den giver også en fejl på w3.org
Jeg vil sige det sådan, er det er meget almindeligt, at der her kommer
spørgsmål med problemer, som spørgeren selv ofte ville kunne løse, med
en beskeden indsats - som f.eks. lige at checke med validatorerne,
og/eller se lidt tilbage i allerede besvarede spørgsmål.
Så bliver svaret måske utilsigtet hårdt.
Det bliver det her nok også. I hvert fald kontant. Jeg svarer dig ikke
for hverken at være sur eller gal, eller for at skælde dig ud: så ville
jeg slet ikke have svaret..
Meningen er at bringe lidt forståelse, og videregive erfaring. Det
kommer måske lidt skævt ud, men det er ikke meningen.
Skabeloner er udemærkede. Men der er et gammelt ord, der siger at hvis
man vil have gjort noget ordentligt, må man gøre det selv.
Din DOCTYPE mangler namespace, så browsere er stadig i quirks (se
foregående svar).
Der er noget principielt forkert med din skabelon.
Tag det første billede på siden som eksempel:
<div style="width:350px;float:right" class="funda_imageboxright">
<img src="/fundanemt/site_graphics/varmskaering/styrocut180_2.jpg"
alt="STYROCUT 180 ELECTRONIC"width="350" height="225"
style="border:none; float:right;" vspace="10" hspace="10"><div
class="funda_imagetext" style="clear:both;">STYROCUT 180 ELECTRONIC
skærer i flamingo</div></div>
Noget rod (og din kildekode er heller ikke nem at finde tingene i).
Billedet er 350px bredt. Derudover har det 10px hspace og vspace (det
hedder margin:10px; på CSS, som er den rigtige måde at sætte det, når
man bruger CSS).
Det står i koden inde i en div, som er floated right, og er den der
skal skabe pladsen omkring det - få teksten til at gå udenom.
Men den div er - stadig - stylet både med en class og en inline. inline
har du givet den 350px bredde. Men billedet fylder 370 med den tildelte
space. Den div skal derfor have 370px bredde, for at billedet ikke skal
rage udenfor den, og teksten dermed blive udenfor billedet.
Din kildekode er noget rod. Masser af indrykninger, der bare ikke har
noget med overskueligheden at gøre. Og jeg kan ikke få hoved og hale i
den - har nu heller ikke brugt en masse tid på det.
Det er formentlig enten CMS'et eller templaten, der indætter det, eller
den ene ødelægger det for den anden - hvad ved jeg. I hvert fald, skal
der bruges en masse tid til at få det overblik over HTML'en
indrykningerne skulle have givet, og som er nødvendigt at svare på dit
spørgsmål om menuerne. Og den tid har jeg ikke - ikke lige nu, i hvert
fald.
Men i Firebug ser det umiddelbart ud somom der er noget forkert med
<div id="menu"> - den indeholder både den vandrette og den lodrette
menu, men FF viser den ene i toppen og den anden inde i den
efterfølgende <div id="main">, så det ligner en opbygningesfejl i
designet, så det er nok der du skal starte med at lede. Og formentlig
er det en del af årsagen til at IE8 viser den anderledes (hvilket kan
ændre sig, når DOCTYPEN rettes..)
CSS3 giver valideringsfejl. W3C har ikke vedtaget CSS3, og der går
nogle år endnu. Og indtil det sker, vil CSS3 give valideringsfejl, i
hvert fald når man validerer hos W3C.
Problemet er vel, at man ikke ved hvor mange af browserne der forstår
hvilvke dele af CSS3 på nuværende tidspunkt, at de samme ting hedder
forskelligt i forskellige browsere, og at CSS3 derfor skal bruges meget
forsigtigt, på sider hvor det betyder noget om tingene ser ens ud eller
bliver vist rigtigt (læs: som tænkt). Så jeg vil foreslå, du holder dig
til CSS2.1.
Håber noget af det giver mening.
I øvrigt er jeg enig med Jørgen - det er svært at læse den meget lille
skrift.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk