Siden indeholder 3 bokse, men hvordan får jeg alle 3 bokse til automatisk at være lige så lange som den længste boks (uden javascript og/eller position absolute).
Det er nemt med tabeller, men hvordan gør man med div/css?
Jeg har prøvet at sætte height: 100%;, men det hjælper intet.
Ok, kan du give mig en dejlig simpel metode med javascript. Helst ikke noget med en usynlig pixel hvis det kan undgåes, de kan ikke lide mig og jeg kan ikke lide dem :P
Synes i det hele taget der er alt for mange begrænsninger med <div>'s. Man skifter til det sidste nye og efterlader tabellerne...bare for at finde ud af, at man pludselig ikke kan en dyt mere, buhu :(
Som du kan se, er det i din test-side sat ind lige før </head> og med <body onload="..."> på ...
-- og den grimme går ud på, at de tre divs ikke kan være ved siden af hinanden !-)
-- jeg gætter på, at det er klassikeren: når man sidder og udvikler til IE, glemmer man nemt, at den laver en voldsom fejl med border, som eksplicit er defineret til ikke at være en del af elementets areal, men det gør IE alligevel ...
Altså, at de tre elementer bliver for brede tilsammen, når de ses i andet end IE !o]
1. Hvordan løser problemet med Mozille, er det udelukkende et spørgsmål om at have to style.css, og så ændre bredden i den ene, så den tager forbehold for det med border ?
2. Hvordan bruger jeg roenving's funktion ?
Synes godt om
Slettet bruger
18. december 2003 - 20:34#21
Jeg opdagede lige, at du ikke har en DOCTYPE på, så Mozilla går i Quirks-mode. Det bør du nok ordne først.
2. Når jeg kigger på http://ladefoged-roenne.dk/test.php i IE så har de 3 hvide kasser ikke samme længde (height) som den længste (til venstre). Er det mig der har formuleret mig dårligt ?
Der er vel ikke andre Mozilla-problemer ?
Er det egentlig en normal fremgangsmåde at lave 2 stylesheets, eller bliver de fleste sider bare vist dårligt i Mozilla ?
Bemærk det array, som styrer hvilke div'er, som indgår i sammenligningen !-)
var divs = ['left','middle','right'];
-- jeg har taget udgangspunkt i de omkransende elementer, du skal selvfølgelig tage udgangspunkt i de elementer, som findes indeni, hvis det er dem, som skal udspændes !-)
-- og left, middle og right er nydeligt udspændt, men de divs, som er indeni har class sidebox og mainbox ...
Fordi du ikke havde givet dem id'er, men classes fra start valgte jeg det som indgangsvinkel, men der er ikke det fjerneste i vejen for, at du giver de div'er, du vil have udspændt id'er (det er ligefrem at foretrække, da du så ikke blander noget formattering sammen !-)
Hvis arrayet så består af id'er skal du bare lave om:
sandbox: Jeg ved det, skal lige have lavet et seperat stylesheet for Mozilla :)
Synes godt om
Slettet bruger
19. december 2003 - 01:02#44
OK, jeg var bare bange for, at du troede, at du havde fixet det. Det er jo ellers et pænt layout, så det ville være synd hvis det så så grimt ud på Mozilla. Især når Mozilla egentlig bare gør som den får besked på.
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.
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
