Avatar billede geggeri Nybegynder
18. oktober 2009 - 22:10 Der er 5 kommentarer og
1 løsning

Tekst overlapper

Hej eksperter.

Jeg har ret CSS problem. I IE har nogle af brugerne af AS-Roma.dk sagt at teksterne i kommentarerne og forum-indlæggene lapper over hinanden og tekster er derfor ikke til at læse. Jeg kan ikke selv fremprovokere fejlen, men har set screenshots af den. Jeg ved ikke hvad problemet er, og har prøvet forskellige ting for at fjerne den, men uden held.

En kommentar eller et forumindlæg ser således ud rent html-mæssigt:
<div id="1256" class="comment">
<div class="rightc">
<div class="orange">
<b>Julii Caesares</b><br />d. 18/10/09 20:29</div>
<div class="nocolor">
<a href=./forum/kampe/retpost/1256>Ret</a> - <a href=./forum/kampe/sletpost/1256>Slet</a></div></div><div class="leftc">
Bliver fantastisk! Glæder mig til kick-off! <br />
<br />
2-1 sejr og lad os så vise vi også kan uden kaptajnen! <br />

<br />
God kamp gutter <img src="./bil/smiley/skaal.gif" title="Skål!" alt="Skål!"><br />
<br />
FORZA ROMA!<br /><i></i></div></div>


CSS-en for det er:
.leftc {
    padding-right: 30px;
    width: 405px;
    left: 0px;
    display:table;
    height:75px;
    padding:5px;
}
.rightc {
    width:294px;
    float:right;
}
.orange {
    background-color: #FF6600;
    width:294px;
    padding:5px;
}
.nocolor {
    padding:5px;
}

.comment {
    border-top:1px solid black;
    display:table;
    width:750px;
}

Der er blandt andet problemer med forumtråden: http://as-roma.dk/forum/kampe/72/MilanRoma-Serie-A-8-Runde

Håber I kan hjælpe mig.

/geggeri
Avatar billede ebusiness Nybegynder
18. oktober 2009 - 22:36 #1
height:75px;

Drop dit display:table klyt og brug en min-height i stedet.
Avatar billede nissen2630 Novice
18. oktober 2009 - 23:30 #2
Hvilken browser er det der er problemer i.

virker fino i IE8 og FF 3.5
Avatar billede nissen2630 Novice
18. oktober 2009 - 23:37 #3
har testet din html på en virtuel xp.. FF 3.0, Opera,Crome,Safari og IE 6 har ingen problemer med den
Avatar billede zips Juniormester
19. oktober 2009 - 06:10 #4
Fejlen ser jeg i IE7, og som ebusiness skriver i #1 er det fejlen at height er 75px. dog vil min-height ikke virke i IE6 så det skal der lige tages højde for.
Avatar billede ebusiness Nybegynder
19. oktober 2009 - 12:12 #5
Du kan bruge en IE conditional comment. Smid den her blok i din HTML kode eller i en CSS del af en HTML side, og det der står indeni vil kun afvikles af IE versioner op til 6.

Metoden egner sig også til en "Kan du så se at få opdateret" besked.

<!--[if lte IE 6]>

<![endif]-->
Avatar billede geggeri Nybegynder
19. oktober 2009 - 12:55 #6
Tak for svaret, tror det virker nu.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester