Joomla! Discussion Forums

Jeg er ved at lave en side på vesterhavsrock.gadensgaard.dk. Siden ser fin ud i IE7, Firefox, Safari osv men IE6 er da et helvede. Jeg har lavet noget mindre pænt fix til de gennemsigtige PNG'er (Jeg ved ikke hvordan det ellers skulle løses) og jeg har lavet en del om i CSS for at få tingene til at stå rigtigt.

Jeg mangler dog stadig afstand mellem modulerne. Jeg kan simpelthen ikke finde ud af hvad jeg skal indsætte og hvor.

Kan i se en løsning?

På forhånd tak

Kasper Gadensgaard

http://www.savethedevelopers.com/

Smid det på siden :P

Det link kan manden jo ikke bruge til noget...

I dit css kan du tricke IE6 + IE 7 som følger:


Huks at placere _margin.... sidst da den ellers vil blive overskrevet af *margin...da den også virker for IE6

Vil du have dit css til at validere 100% kan du placere alle * og _ i et separat ie_css.css og skrive følgende i din html header:



lte står for Later Than or Equal to IE7 på den måde kan du altså også lave et css til IE7 og et til IE6.
Når du inkluderer dit ie6 css skal du så bare skrive lt IE 7 (Later Than....).

Håber det spiller for dig! ellers må du jo skrive igen.

Jeg har allerede et seperat stylesheet for IE6 og det er derigennem jeg har lavet en masse ting om for at få det til at ligne det mindste. Men jeg kan ikke finde ud af hvad jeg skal stille på for at få afstand imellem modulerne?

Brug tomme divs med fixed widths istedet for margins.
Det validere 100% til alt og virker i alt.

Problemet er netop at der vel nok findes 4 forskellige måder er fortolke margins på for browserne.

Alternativt kan du bare brugt !important så du har margin defineret 2 gange - og den ene med !important (den første) så vil IE6 (og andre) bruge den uden !important og dermed kan du sætte margin til 10 på den ene og 20 på den anden f.eks. eller hvad der nu er brug for.

Begge dele validere 100%.

Jamen der mangler mellemrum IMELLEM de enkelte moduler . Jeg kan jo ikke sætte en div ind efter hvert modul.

Jo du kan du da godt.

Du kan sætte divs ind direkte i templaten imellem modul positionerne og er det mellem moduler i samme positioner kan du som sådan bare indsætte en custom html modul med en div i - du endda kan have defineret i stylesheetet.

Men istedet kan du bare bruge
margin: 10px !important;
margin: 20px;
eller
padding-bottom: 10px !important;
padding-bottom: 20px;

Eller hvad du nu har brug for.

Det er bare ikke den optimale løsning da det er en kundeside jeg laver og de også skal kunne administrere at skifte modulerne ud uden at skulle tage højde for at få placeret et custom HTML modul imellem hvert modul.

Jeg har forsøgt med margin og padding på .module og .module_menu men det skaber ikke plads imellem modulerne det gør dem bare længere nedad.

Du bliver nød til at linke til konkret side eller kode til modulposition fra index.php samt css'en til.

Har du valgt en rounded i løsning så har du jo div'er at positionere på har du valgt xhtml kan du også gøre det osv.

Men hvis det ikke er nedad du vil lave mellemrum er det måske sidelæns? Hvorfor så ikke bare lave en padding-left?

Jeg har svært ved at se hvad du mener præcist.

Jamen jeg har da linket til siden

men du får den lige igen så .

http://vesterhavsrock.gadensgaard.dk

Hvad er det så helt præcist du vil?

I IE6 er der ikke mellemrum imellem modulerne i left og right. Altså under mainmenu, nyheder og afstemning.

kan du jo bare flytte ned i - ingen grund til dobbeltkonfekt (og kan jo være her der går galt)



Alternativt så prøv at smide dem ned i bunden efter sidste hjørne:

Heller ikke det hjælper . der bliver bare mere plads under "indholdet" i de enkelte moduler, så modulet bliver længere.

En løsning kan være at du selv koder style om.

Lige som rounded, html osv. du skal ind i filen modules.php i mappen html i dit template dir.

Du kan evt. se i beez eller i system templatemapperne hvordan du gør.

Tricket er så at du skal smide en ekstra <div> ind efter der indeholder det luft du har brug for - selve formateringen af den div kan du lave direkte i CSS'et.