Hvorfor ødelegger IE alt?

[Thomas.]

Altså ikke akkurat alt Men, den ødelegger designet på siden.

 

Fordi php koden jeg skriver er litt breiere, en sjølve side. Og da fortsetter koden langt utover på siden.

 

Men i firefox fungerer det fint!

 

 

Hvordan kan jeg fikse dette ?

 

 

Dette er koden jeg bruker til nå: (for IE)

code {

background: #EEE;

border: 1px solid #222;

border-left: 6px solid #222222;

color: #666;

display: block;

font: "Courier New", Courier, monospace;

line-height: 3mm;

margin-bottom: 5px;

padding: 8px 10px;

white-space: pre;

overflow:hidden;


}

[Lokaltog]

Du har ikke f.eks. et screenshot som viser problemet, eller en link til en side som har problemet? Litt vanskelig å hjelpe deg ut fra en vag beskrivelse og 13 linjer CSS.

 

Sannsynligvis er den enkleste utveien å korte ned linjene slik at de ikke blir for lange for designet ditt. PHP-funksjonen wordwrap kan gjøre det for deg.

[Thomas.]

Her ser dere et screenshoot:

 

http://i105.photobucket.com/albums/m205/yppern/ss.jpg

[FrodeNilsen]

hvorfor er linjehøyde 3mm mens andre verdier er i px?

 

Hvis du mener noe er pre-formatert, hvorfor benytter du ikke pre-elementet?

 

Jeg forstod mindre av bildet du har lastet opp, og hva som er problemet.

[arthoz]

Du har ikke f.eks. et screenshot som viser problemet, eller en link til en side som har problemet? Litt vanskelig å hjelpe deg ut fra en vag beskrivelse og 13 linjer CSS.

 

Sannsynligvis er den enkleste utveien å korte ned linjene slik at de ikke blir for lange for designet ditt. PHP-funksjonen wordwrap kan gjøre det for deg.

 

Det går også ann å kjøre word-wrap i CSS, selvom det er litt knotete, noe sånt som det her, google vet mer om det

 

white-space: pre-wrap;
white-space: -moz-pre-wrap !important; 
word-wrap: break-word; 
_white-space: pre;

[Thomas.]

NÅ bruker jeg dene koden:

 

code {
background: #EEE;
border: 1px solid #222;
border-left: 6px solid #222222;
color: #666;
display: block;
font: "Courier New", Courier, monospace;
line-height: 3mm;
margin-bottom: 5px;
padding: 8px 10px;
white-space: pre;
overflow:hidden !important;
width:500px !important;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
word-wrap: break-word;
_white-space: pre;
}

 

 

 

Og det funker fortsatt ikke :S Noen forslag til hva som kan løse prob?

[4588pkdkrikue5c]

Hvorfor ødelegger IE alt?

Fordi det er en jævla drittbrowser. Der er svaret. For mer informasjon, se Microsoft.com.

Hadde jeg vært deg ville jeg prøvd en del forskjellige ting til. Max-width og height kanskje, og til slutt ville jeg lagt en kode i HTML dokumentet.

<!--[if IE]>
Du bruker Internet Explorer, og utsetter deg for en <strong>STOR</strong> sikkerhetsrisiko. Bytt til <a href="http://www.opera.com">Opera</a> eller <a href="www.firefox.no">Firefox</a>.
<![endif]-->

 

Edit: Dette ville jeg hatt med UANSETT.

Endret 26. mars 2008 av steffenz

[Thomas.]

Jeg går for løsningen din steffenz

[4588pkdkrikue5c]

Hyggelig å høre

Hvilken av dem? Med max-width, eller IE advarselen ?

Jeg er på ingen måte proff på CSS, men hvis du legger siden ut på nettet med HTML dokumentet, så kan jeg få sett siden i sin helhet, og eventuelt prøve å se om jeg finner løsningen.

IE gir oss virkelig noe å jobbe med Du designer fort, du koder fort, og bruker tilslutt et tiår på å få det til å se noenlunde greit ut i IE..

 

Du kan forøvrig sende på PM dersom du ikke vil poste alt her.