Notifikationer

Markér alle som læst Log ud

foxmulder58 Praktikant

14. april 2005 - 17:25 Der er 14 kommentarer og
1 løsning

indhold overlapper DIV tag i Firefox

Hej Eksperter,

Jeg kan ikke forsstå når jeg får vist mit site i Internet Explorer udvider DIV tagget efter hvor meget tekst der er inden i selve tagget.....men i Firefox står teksten udover selve DIV tagget

er der nogen der ved hvordan problemet kan løses?

Sitet er her

http://www.foxmulder58.frac.dk/

mvh
Mads

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:28 #1

sæt display: table; på din div, problemet er fordi at min-height som er den korrekte kommando, den virker ikke i IE.

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:31 #2

Forresten så fjern: <?xml version="1.0" encoding="iso-8859-1"?> , ellers er IE komplet ligeglad med doctype og går i Quirks mode, og fatter hat af CSS.
(Koden kan stadig validers xhtml)

og align="" findes ikke til <div> blokke, brug margin: 0 auto; for at centere.

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:32 #3

Og inden olebole siger det:

Læs disse 2 her: http://www.eksperten.dk/artikler/537 og http://www.eksperten.dk/artikler/538

Synes godt om

foxmulder58 Praktikant

14. april 2005 - 17:37 #4

Det virker stadig ikke i Firefox...så jeg ved ikke hvad jeg gør forkert. teksten overlapper stadig det DIV tag der indeholder al teksten!!

what to do?

mvh
Mads

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:38 #5

lær noget CSS først :P

det hedder style="margin: 0 auto;" og style="display: table;"

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:38 #6

God tutorial: http://www.w3schools.com/css/default.asp

Synes godt om

busschou Praktikant

14. april 2005 - 17:51 #7

Start med at validere din side der er mange fejl
Firefox er mindre tolerant overfor disse end IE
Her kan du se html fejl
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.foxmulder58.frac.dk%2F
Den kan slet ikke validere dit css hvilket tyder på der er lidt problemer du skal se på :o)
Når du har rettet html fejlene så gå her ind for at valider css
http://www.w3schools.com/site/site_validate.asp

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 17:53 #8

Må heller ligge et svar også :P

Synes godt om

foxmulder58 Praktikant

14. april 2005 - 17:54 #9

Årsagen til at den ikke kan validere mit css er fordi at jeg anvender et overordnet CSS der hedder default.css som indeholder link til de andre CSS på denne måde:

@charset "ISO-8859-1";
@import "default/basic.css";
@import "default/banner.css";
@import "default/menu.css";
@import "default/content.css";
@import "default/site.css";

Derfor! de css den linker til kan godt valideres tror jeg ;-)

mvh
mads

Synes godt om

foxmulder58 Praktikant

14. april 2005 - 17:58 #10

PS! siden ser nu fin ud i Firefox og Internet Explorer nu,

så mangler jeg blot at finde en løsning der får menuen og content DIV boksene samme højde?

mvh
Mads

Synes godt om

hyberpreprocessor Nybegynder

14. april 2005 - 18:13 #11

"så mangler jeg blot at finde en løsning der får menuen og content DIV boksene samme højde?"

Løses med dette javascript, lavet af roenving.

<script type="text/javascript">
var divs = ['main','menu'];

function syncronizeDivs(){
var maxH = 0;
d = document.getElementsByTagName("DIV");
for(i=0;d.length>i;i++){
for(j=0;divs.length>j;j++){
if(d[i].id==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
}
}
for(i=0;d.length>i;i++){
for(j=0;divs.length>j;j++){
if(d[i].id==divs[j])d[i].style.height=maxH + 'px';
}
}
}
</script>

<body onload="syncronizeDivs()">

var divs = ['main','menu']; angiver de <div>'s som skal synkroniseres.

Synes godt om

foxmulder58 Praktikant

14. april 2005 - 18:32 #12

Fedt tusind tak, du får dine point!

Synes godt om

busschou Praktikant

14. april 2005 - 20:00 #13

Ja jeg burde nok havde luret at din css var bygget sådan op
Jeg ville nok foreslå dig stadig at kigge på de små 20 fejl den giver for html valideringen
Anyway .. jeg kan ikke se bunden i IE

Synes godt om

olebole Juniormester

14. april 2005 - 21:39 #14

<ole>

1. Som du ser, parses din kode ikke som XHTML, men som dårlig HTML:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.foxmulder58.frac.dk%2F&charset=%28detect+automatically%29&doctype=Inline&verbose=1

2. Det er altid en rigtig skidt idé at basere sit design på JavaScript - ikke mindst, når det ikke er nødvendigt (og det er det næsten aldrig)

/mvh
</bole>

Synes godt om

hyberpreprocessor Nybegynder

15. april 2005 - 09:48 #15

uddybning af "2. Det er altid en rigtig skidt idé at basere sit design på JavaScript - ikke mindst, når det ikke er nødvendigt (og det er det næsten aldrig)"

Det betyder at du bør bruge tables istedet for <divs> hvis du vil gøre dem lige lange.
eller display: table-cell; som ikke er undersøttet i IE endnu.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
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

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS