13. maj 2007 - 14:12Der er
18 kommentarer og 1 løsning
CSS Column design volder problemer i IE
Hej Eksperter,
jeg har endeligt, langt om længe, fået lavet mit første (tilfredsstillende) table-free design.
Alt ser fint ud, både i IE og Firefox, indtil jeg begynder at fylde <hr/>, <form> og lignende elementer ind i mine columns - så begynder IE (jeg kører version 6) at rendere siden forkert (ganske få elementer er synlige).
Kan i hjælpe mig med at løse mine problemer, således at IE og Firefox kommer til at rendere min side korrekt, og tilnærmelsesværdigt ens?
Øhm, undskyld jeg blander mig, når jeg ikke har en løsning til dit problem, men hvorfor vælge XHTML når det nu er kendt at i hvert fald IE6 ikke har det specielt godt med XHTML? Jeg spørger fordi jeg til stadighed undres over at se XHTML-sider, som for det første ikke er XHTML, fordi dem der laver det ikke ved hvad de gør, og for det andet fordi det ikke tilfører siden noget, som ikke fandtes i HTML 4.01. Jeg undres bare på en stille søndag ;)
Synes godt om
Slettet bruger
13. maj 2007 - 15:25#3
Ja, der er godt nok meget stille herinde idag...
Tror ikke jeg har gjort mig et bevidst valg om hvorfor jeg bruger XHTML - tænkte bare at jeg gerne ville vælge en teknologi der ligger sig op af XML, da jeg nu følger mig hjemme indenfor denne.
Derudover, ingen anden begrundelse?
Skal lige vide, min side er da godt nok XHTML, ikke? Altså, jeg bryder ikke med nogle af principperne indenfor XHTML?
Okay, jeg læste artikler igennem og kom til følgende konklusion:
1. Jeg hader IE, eller rettere sagt programmets manglende / fejlfyldte support for standarder. 2. Jeg ændrede min doctype til HTML 4.01 strict istedet
Jeg takker for referencen til artiklerne, erikjakobsen, der blev jeg en anelse klogere - og nu venter jeg utålmodigt på at XHTML 2.0 bliver frigivet (og at IE engang supporterer det) :-)
... Jeg mangler dog stadigvæk guidance i hvordan jeg får parset min side "nogenlunde" ens af IE og Firefox (lige nu parser Firefox den, som jeg vil have det.
Din padding-bottom/margin-bottom lukker IE, hvadfor har du den ?-)
Synes godt om
Slettet bruger
14. maj 2007 - 13:07#10
@roenving
Det er et hack for at få equal column height på div elementerne, fandt det i en reference på "a list apart".com (han omtaler det vist som, the search for the holy grail). Har du en alternativ løsning?
Jeg skal nok få fjernet />, vil det så sige at man ikke behøves at balancere elementerne, eller at man skal lukke elementer med et </tagnavn>?
I html4 er der en hel række elementer, der ikke skal lukkes, simpelthen alle de, der ikke kan indeholde noget, men kun evt. har properties, heriblandt link, meta, input, br osv.
-- jeg gættede også på noget i den henretning mht. padding/margin-tngen, men hvis du udkommenterer virker det nogenlunde i IE ...
-- evt. må man finde på noget med noget javascript, hvis man skal lykkes med noget sådant !-)
Synes godt om
Slettet bruger
14. maj 2007 - 13:25#12
Jeg tror bare at jeg går tilbage til noget tabelbaseret layout, css-baseret layout virker lidt som "a pain in the <censored>".
"1. Jeg hader IE, eller rettere sagt programmets manglende / fejlfyldte support for standarder."
Det er en rigtig god grund til afsky samtlige browsere på markedet som pesten. I modsætning til dens ry er FF nemlig ikke bedre end IE. Den har bare sine katastrofale fejl på lidt andre områder - men den er ikke væsentligt bedre til at overholde standarder (på mange områder: tværtimod!).
Der er desværre lysår til forskel på de tidlige Mozilla'er (samt sene Netscape'er) og Mozilla Firefox. Mozilla's senere browsere står overhovedet ikke mål med tidligere tiders :o|
/mvh </bole>
Synes godt om
Slettet bruger
14. maj 2007 - 17:11#15
@olebole
Ja, jeg er klar over at Firefox heller ikke følger w3c's standarder, men efter personlige erfaringer (og det kan naturligvis også være min brug af css samt html) renderer firefox w3c's definitioner pænere end IE gør det.
Hvis det var op til mig, ville jeg nok bare vælge et andet medie end html til at præsentere web-data - men da jeg er en layout/dtp-handicappet person er flash ikke et gyldigt valg for mig. Jeg har overvejet OpenLaszlo, eller et andet XUL-baseret sprog, der forsøger at gemme de underliggende grimme quirks som eksisterer i forskellige browsere, men så bliver hostningen pludseligt dyrt, eller teknologien er langt fra stabil.
Så... konklusion, jeg afskyer samtlige browsere, som du skrev - men foretrækker firefox'es rendering i forhold til IE. Måske burde man overveje at ekskludere folk med en IE browser, diverse telefoni-udbydere forhindrer jo firefox i at komme ind?
Nah.... vælger tabelbaseret layout, HTML 4.01 transitional og så er jeg vist "good to go", indtil XHTML 2.0 slår igennem.
Skriver man valid (og vel at mærke _hensigtsmæssig_) kode, er der minimal forskel på IE's og FF's rendering. Noget helt andet er, hvis man begynder at bruge nogle af de få proprietære CSS-udvidelser, IE indeholder - eller nogle af de oceaner af ditto, som FF indeholder (- i FF er der knap 170 forskellige proprietære CSS-properties!). Så kan man naturligvis ikke forlange ensartethed =)
I øvrigt finder jeg din CSS mere end almindelig bizzar. Mon ikke, du skal lede efter uhensigstsmæssigheder dér? ;o)
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.