18. oktober 2003 - 20:13Der er
46 kommentarer og 1 løsning
Mozilla vs. Explorer
Hej
Jeg har et problem med et stylesheet der ikke ser helt ens ud i explorer og mozilla. Jeg ved godt at explorer ikke er helt god til at tolke css, men jeg kan ikke lige løse problemet:
I kan se forskellen her: http:www.kona.dk :Brugerid: laurits , password: perplex
Den øverste topbar ser lidt sjov ud mozilla. Jeg vil gerne have den til at se ud som den gør i Explorer.
Her er den del af sylesheet som jeg bruger til topbaren:
<!-- Skaber en tabel som sikrer at det man ser vil se ens ud i IE og Netscape (Mozilla klon!)--> <table width="100%" id=designcontainer> <tr> <td width="100%" class=topbar><a href="../index.php"><img src="../billeder/basic/logo.gif" border="0" class="logo"></a></td> </tr> <tr> <td width="100%" class=topbar_under>
<!-- Skaber en tabel, som sikrer at der er lige langt fra første bogstav i første menu punkt og til næste og evt. trejie (er egentlig først nøttigt når man har mere end to punkter --> <table width="30%" class=menu> <tr> <td width="10%">:::<a href="../bikeindex.php">bikes</a>:::</td> <td width="10%">:::<a href="../phpBB2/index.php">forum</a>:::</td> </tr> </table>
</td> </tr> </table>
Hvis jeg har tolket den kode rigtigt så burde dette virke!
Det er en dårlig idé at udgå tabeller, et gør at designet på din side bliver mere præcist, du kan placere ting så det ser ens ud uanset browser (Opera skulle vist gøre det meget anderledes), og uanset opløsning.
hmm, jeg finder det latterlig (ikke for at blive personlig), får du har er f*ck*ng kraftigt værktøj, hvis du kombinerer php, css, og html (med tabeller)
Det er fair nok. Bortset fra det tror jeg måske at jeg har fundet en løsning, mens jeg har siddet og tænkt lidt over det... Nogle gange er det godt at få luftet problemet lidt så kommer man til at se lidt anderledes på det...
Du har helt ret. Det var faktisk også den løsning som jeg luftede ovenfor. Men tak. Der er dog stadig et enkelt problem: 'topbar_under' er ikke lige høj i de to browsere. Det er som om at mozilla æder lidt af den. De to elementer hedder:
Inden du begynder at lave 'hovsa-hacks', skal du lige skrive HTML - det gør du nemlig ikke i øjeblikket :)
For at browsere overhovedet kan vide, hvordan siderne skal vises, skal du starte din side med en DOC-TYPE (før <HTML>). F.eks: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Du _skal_ have URL'en (http://www.w3.org/TR/html4/loose.dtd) med, da IE ellers ikke kan tolke CSS korrekt.
Du skal være forberedt på at skrive din CSS om, når du har sat DOC-TYPE'en ind. Hvis din side ser korrekt ud i IE uden DOC-TYPE, er din CSS nemlig forkert :)
kr-data >> så er det _yderst_ simple sider, du har lavet. Man kan ikke undgå at få problemer med det - specielt, når der bruges CSS ... udover det helt elementært, at man skal sætte en DOC-TYPE :)
fantomet >> prøv evt. at lægge en ' ' ind i dit div med klassen 'topbar_under'. Det er altid noget skidt med tomme elementer. /mvh
Olebole>> www.tka-mobildisco.dk det nye design er ikke færdigt, men prøv at kigge efter tabeller! Og jeg bruger CSS, CSS og tabeller og evt. med php eller asp så har du de vigtigste værktøjer!
Du bør i øvrigt altid bruge absolutte stier til baggrundsbilleder, når du bruger en remote CSS-fil. Ellers kan visse browsere ikke finde billedet :) /mvh
kr-data >> jeg ved ikke, hvad det er, du misforstår - udover HTML-standarden :) Jeg taler i dette spørgsmål hverken for eller imod tabeller - men du har da ret i, det er kraftige værkstøjer ... ikke mindst, hvis man kan bruge dem.
På din side 'http://www.tka-mobildisco.dk/index.php?p=prices' har du selv lavet det mest perfekte eksempel på, at IE ikke kan læse CSS-box-modellen uden brug af nævnte DOC-TYPE. Det er derfor dine pris-bokse har forskellig bredde i IE og NS. Derudover _skal_ id være unik for hvert HTML-element. Det er en grundlæggende misforståelse at lade flere elementer have samme id./mvh
Jo, den hjælper alene - men det kræver naturligvis, du sætter den rigtige højde ... ikke 10px ;o)
IE sætter blank-tegn ind her og der og alle vegne (det er en Windows-sygdom, desværre). Derfor vil IE opfatte det somom du sætter et blanktegn ind og bruger font-størrelsen til at bestemme højden. Derfor bliver kassen ikke 10px høj ... men 12-15px.
Det sker ikke i NS, der giver dig den højde, du har sat den til ;o)
Prøv engang at sætte en ' ' ind og sæt højden til 15px. Så vil jeg æde min gamle 'klaptop' på, det virker. /mvh
kr-data >> Det er da fløjtende ligegyldigt. Det er slamkode, der ikke har noget med HTML at gøre. Uanset, hvad du prøver at bruge som bortforklaringer, overholder du ikke HTML-standarden, hvilket resulterer i browsernes fejlfortolkning af dine sider. På samme måde er din manglende kendskab til HTML-standarden skyld i, du ikke kunne bidrage med løsningen i dette spm.
yups ... sæt font-size og line-height til 0px. Nu bruger du jo tegn i boksen - og hvis man ønsker små højder, bør man altid sætte de to properties til meget små værdier, da boksen ellers bliver udvidet :)
Ja, IE er så helt klart en af markedets aller dårligste browsere :o| /mvh
http://validator.w3.org/ Men husk: Den er _kun_ en guide. Den er et stykke software - og som sådan har der (i hvert fald tidligere) været en del fejl i den :) /mvh
Nejnej ... jeg har rigeligt. Men tak for tanken ;o)
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.