Søg
Avatar billede Slettet bruger
16. januar 2007 - 12:09 Der er 4 kommentarer

<P> fylder ikke hele bredden

Jeg har et <DIV>-tag (float og width'en defineret i px). Inden i selvsamme DIV ligger et <P> tag omkring teksten.

Problemet:

Firefox: P-tagget fylder hele DIV'ets bredde - OK

IE: P-tagget fylder IKKE hele DIV'ets bredde - IKKE OK

Jeg har prøvet at sætte en width på P-tagget svarende til DIV tagget. Så ser det fin ud. Problemet er bare at den class der er tilknyttet P-tagget er forskellig fra side til side pga. forskelligt sideindhold.

Hvorfor fylder det ikke automatisk ud i IE?
Avatar billede mcgoat Nybegynder
16. januar 2007 - 12:27 #1
kan man ikke sætte P tag til at være 100% istedet for at definere det i pixels?
Avatar billede fixxxer Nybegynder
16. januar 2007 - 12:38 #2
Hvis du bruger float på block-elementer der har en margin, tilføjer IE den dobbelte margin, og det vil muligvis give det resultat du ser.

Men omvendt er det jo ren gætteleg.. Et link til siden ville gøre det lidt nemmere at bestemme årsagen til problemet.
Avatar billede mclemens Nybegynder
16. januar 2007 - 13:29 #3
Du kan prøve at kaste en width: 100%; ind på p elementet ?
... Hvis p elementet er floatet fylder den ikke 100%
medmindre det er defineret hertil ...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


<style type="text/css">
div#a {background:red;width:200px;float:left;}
div#a p {background:blue;float:left;}

div#b {background:red;width:200px;float:left;}
div#b p {background:blue;float:left;width:100%;}
</style>

</head><body>
<div id="a"><p>aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa</p></div>
<br><br><br>
<div id="b"><p>aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa</p></div>

</body></html>
Avatar billede mclemens Nybegynder
16. januar 2007 - 13:31 #4
Ignorer 13:29:43 det giver samme resultat
i IE og FF så det er ikke fejlen :P
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
5 min siden Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
I går 11:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »