CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede farhang Nybegynder
30. juli 2006 - 11:28 Der er 19 kommentarer og
1 løsning

Problem med automatisk resizer med CSS i IE-browser

Hej,

Jeg har problemer med følgende kode:

.image-left {
    width: 40%;
    height: auto;
}


.image-right {
    width: 40%;
    height: auto;
}

.imageStyle {
    width: 100%;
    height: auto;
}

Billedet bliver vist forvrænget i IE med ovenstående kode (se fx.
www.hjemmetester.dk), er der nogen, der kender en bedre kode, der får IE til at funke?
Avatar billede notes2c Nybegynder
30. juli 2006 - 11:54 #1
Din browser går i quirkmode når den vises i IE. (java script:alert(document.compatMode))

Dette er pga du har følgende som det første i din html:
<?xml version="1.0" encoding="iso-8859-1"?>

Fjern det, så er du home free
Avatar billede mclemens Nybegynder
30. juli 2006 - 12:05 #2
(p.s.: check evt. denne tråd ... for betinget udskrft af xml deklarationen
(hvis du har asp eller php) http://www.eksperten.dk/spm/719030
php eks: http://www.eksperten.dk/spm/719030#rid6329210
asp eks: http://www.eksperten.dk/spm/719030#rid6329248 )
Avatar billede farhang Nybegynder
30. juli 2006 - 13:05 #3
Hej notes2c - tak for din hjælp!

Jeg har fjernet den pågældende linie (og al xml) men problemet optræder stadig; af og til er billederne pæne, for det meste grimme..

Lige nu er koden i toppen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

...skal jeg fjerne ændre noget?

Tusind tak!
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:24 #4
[ ...skal jeg fjerne ændre noget? ] Tjah så længe der slet ikke er en eneste browser der parser din side som xhtml er det så ikke forkert at kode den i xhtml ( xhtml skal leveres som application/xhtml+xml før siden køres som xhtml lige nu kører dem som text/html i alle browsere ... mime-typen skal varieres som jeg henviser til) ... men det har nok ikke så meget med problemet at gøre - og det er lidt generalt med forkert mime-type ... eksperten laver den samme fejl i deres levering af siden ...
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:28 #5
Ved ikke om det hjælper ... men nu du erklærer billedets str. via css
prøv så at fjerne width="640" height="201" attributter fra billedet ... (ikke testet)
Avatar billede notes2c Nybegynder
30. juli 2006 - 13:28 #6
Jeg vil give mclemens helt ret. Der er inge grund til at køre xhtml.

Prøv at skifte din doctype til:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Tror det vil løse dit problem
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:29 #7
P.s.: height:auto; er unødvendig
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:34 #8
(((kører selv xhtml 1.1 - dog med korrekt mime og variering af xml deklarations output ... og nej, p.t. er der ikke grund til xhtml ... ie understøtter det ikke uden at det leveres som text/html ... istedet for at skrive en lang smøre kaster jeg lige 5 links http://www.eksperten.dk/artikler/537 , http://www.eksperten.dk/artikler/538 , http://www.eksperten.dk/spm/699114#rid6183562 , http://www.eksperten.dk/spm/702421 , http://www.eksperten.dk/spm/711580 )))
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:42 #9
16 stylesheets??? Et lille tip: Få firefox til at virke når du får tid til det og check så herefter løbende i de to browsere når du laver noget ... så er der lavere risiko for at du får problemer med fremvisningen af siden. (hvorfor? fordi hvis den virker ens i begge så virker den sandsynligvis også ens i fremtidige udgaver af ie / andre browsere...)
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:43 #10
Hov firefox viser billederne nu ...
tror jeg var inde på et dårligt tidspunkt før ...
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:47 #11
Hvis 30/07-2006 13:28:50 ikke virker så prøv:

<img class="imageStyle" alt="sommer62" src="speciale_files/page3_1.jpg" />

og

.imageStyle {
    width: 435px;
}
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:51 #12
P.s. det har ikke noget med quirks mode at gøre, men quirks mode er en "krævende ting" at holde styr på ... tyder mere på at det er første gang man klikker på en side så skal billedet lige loades og den kigger derfor lidt på atributterne width og height du havde stået i html markup'en ... ved næste klik sparker css igennem og sørger for at height ikke bliver for stor fra starten af ... så vidt jeg lige analyserer fremvisningsproblemet
Avatar billede notes2c Nybegynder
30. juli 2006 - 14:11 #13
Nej jeg tror du har ret... Fejlen skyldes ikke qurik mode. Så måske ligger problemet mere i at billeder forsøges resize'et af browseren alt efter browserens størrelse. Og det giver vel også et problem med din løsning [mclemens 30/07-2006 13:47:59].

Så tænkte på om en løsning ikke kunne være blot at lade billede være styret af bredden på billede og så ladet browseren beregne højden...
Avatar billede mclemens Nybegynder
30. juli 2006 - 14:18 #14
[ Så tænkte på om en løsning ikke kunne være blot at lade billede være styret af bredden på billede og så ladet browseren beregne højden... ] Hvis du prøvede 30/07-2006 13:47:59 ville du se at bredden blev defineret til 435px og så ville browseren automatisk udvide så højden matcher med bredden str. mæssigt ...

... men ok, har lige skiftet til 800x600 og ser at design tilpasser sig til siden så det skal nok være en procent sats istedet ... prøv derfor:

#content_text{
position:relative;
/* samt de andre styles */
}
<img class="imageStyle" alt="sommer62" src="speciale_files/page3_1.jpg" />

og

.imageStyle {
    width: 90%;
}


Ser lige om jeg selv kan teste det også ...
Avatar billede mclemens Nybegynder
30. juli 2006 - 14:33 #15
Uhm, kunne ikke simulere problemet lokalt :/
... der virkede det fint - men det er nok
fordi billedet er klar med det samme...

prøv ovenstående - husk at fjerne width="640" height="201" fra billedet - når
det skal være dynamisk med css er det forkert at lægge width og height på...
Avatar billede farhang Nybegynder
30. juli 2006 - 15:07 #16
Hej mclemens og notes2c

Mange tak for jeres gode forslag!

Jeg prøver så godt jeg kan at ændre på indstillinger, men er begrænset af at siden er lavet med RapidWeaver og et færdigt design (forklarer de 16 stylesheets) (http://www.realmacsoftware.com/rapidweaver/  og  http://www.rapid-ideas.com/themes/pro/camilo.html).

Jeg har fundet af, at jeg kan ændre på koden med en texteditor og uploade med anden ftp end RapidWeaver, men det hele bliver lidt omstændigt .. og derfor langsomt. Vil dog straks ændre billederne til 0 x 0!
Avatar billede farhang Nybegynder
31. juli 2006 - 21:10 #17
Mange, mange tak for jeres gode idéer. Jeg har desværre ikke fået løst problemet, men prøver nu programmernes ophavsmænd, som bør kunne løse det i en ruf. Jeg har lært meget af jeres kommentarer.
Avatar billede mclemens Nybegynder
31. juli 2006 - 21:20 #18
Uhm... Ok, sad og kiggede lidt efter om du fjernede den width og height definering
på siden - men den kom ikke rigtig... Håber du får problemet løst... Velbekom...
Avatar billede mclemens Nybegynder
04. august 2006 - 11:06 #19
Skæv fordeling - point omfordeling eller point tildeling
http://www.eksperten.dk/spm/724094
Avatar billede mclemens Nybegynder
09. august 2006 - 00:22 #20
Endelig tråd til tilbageførsel
og korigering af pointgivning...
http://www.eksperten.dk/spm/724994
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:21 Finde kontakter i G-Mail - Hvordan ? Af Ikke-ekspert i E-mail programmer
I dag 11:13 Works Suite Af Novicen i Office & Kontorpakker
I dag 11:07 java.util.Scanner Af OBS i Java
I går 20:11 Tabel Af OBS i Java
I går 17:13 Summen af rækkens værdier Af OBS i Java
White papers
Flere white papers »


Premium
Teaser billede
Fire gode grunde til at Trumps toldkrig vil få iPhone-priserne til at falde i Danmark
Læs mere »
Her er planen: Derfor køber Schultz Fujitsus kommune-satsning - flere opkøb kan være på vej
KMD-topchef Thomas Jul advarer mod forhastet exit fra Microsoft: "Der er ikke et realistisk alternativ på nuværende tidspunkt"
Overblik: Får du den rigtige løn? Så meget tjener de danske it-faggrupper om måneden i gennemsnit
Se alle »
Computerworld
Teaser billede
Microsoft advarer Office-brugere: Nu gør du gør klogt i at opgradere til 365
Læs mere »
Test: Apples discount-iPad giver meget for pengene – men du bør vide, hvad det er du går glip af
Test: Nu kan du slippe en robot løs for at pudse dine vinduer
Trump til verdens største chip-producent: Byg i USA eller betal 100 procent i told på alt
Se alle »
CIO
Teaser billede
Danske virksomheder søger væk fra amerikanske tech-giganter: Mange vil skifte til tysk Microsoft-alternativ
Læs mere »
Microsoft hæver priserne på server-licenser: On-premise bliver op til 20 procent dyrere om få måneder
Microsoft bøjer sig for kritik fra brugere: Udskyder nedlukning af server-løsning i sidste øjeblik
Efter exit fra Stark Group: Her er top-CIO Pernille Genesers planer for fremtiden
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Carsten advarede som it-sikkerhedschef om problemer og blev fyret: "Det endte med voksen-mobning af værste skuffe"
Microsoft fyrer de dårligst performende ansatte: Disse jobtitler bliver ramt
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Se alle »
White paper
Teaser billede
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
Læs mere »
Revolutionér kundeoplevelsen med AI og automatisering
Sådan: Virtualisering uden vendor lock-in og høje omkostninger
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »

Læses lige nu