Søg
Avatar billede dorgbar Nybegynder
10. august 2005 - 15:45 Der er 9 kommentarer

width 100% af parrent taget og ikke siden

<div style="padding: 10px; background-color: red; width: 100%;">
<div style="padding: 10px; background-color: blue; width: 100%;">
</div>
</div>
hvis jeg laver den der vil den blå div som starter i left: 10px; lave sig samme længde som viduet den befinder sig i, og altså lave en horizontal scrollbar på 10px...

det jeg ønsker er bare at den skal fylde det tag den ligger i (den røde div) ud. hvordan gør jeg det?
Avatar billede roenving Novice
10. august 2005 - 15:47 #1
Fjerner bredden i den indre !-)
Avatar billede roenving Novice
10. august 2005 - 15:49 #2
-- og hvis du vil have den til at virke ens til alle browsere, skal du gøre noget omvendt:

<div style="background-color: red; width: 100%;">
  <div style="margin: 10px; background-color: blue;">&nbsp;</div>
</div>
Avatar billede dorgbar Nybegynder
10. august 2005 - 16:21 #3
hmm hvad så hvis den inderste også skal udfylde i højden
Avatar billede roenving Novice
10. august 2005 - 16:29 #4
Der findes ingen mulighed for at fylde det hele minus noget ...

-- det kan løses med noget javascript, men det ville jeg ikke selv basere mit layout på !-)
Avatar billede dorgbar Nybegynder
10. august 2005 - 17:37 #5
kan man så ikke, lave et tag der har 100% i både højde og brede, og derinde i lave noget som fylder det hele ud med en margin?
Avatar billede roenving Novice
10. august 2005 - 17:39 #6
Næh, men du kan jo bruge en border i stedet for padding !-)
Avatar billede roenving Novice
10. august 2005 - 17:40 #7
Nå, nej, for også borderen gør elementet breder, hvis browseren er i standards mode ...
Avatar billede dorgbar Nybegynder
10. august 2005 - 17:56 #8
hvis jeg fjerner 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

virker det
Avatar billede roenving Novice
10. august 2005 - 18:00 #9
Ja, men i hvilke(n) browser(e) ,-(

-- men så er der også mange css-ting, som virker meget forskelligt, så du får vidt forskellige resultater i de forskellige browsere !-)
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
I dag 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »