CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

suppenudel Nybegynder

28. maj 2011 - 12:45 Der er 6 kommentarer og
1 løsning

Placering af 2 DIVs

Hej - en total nem en her, jeg kan bare ikke lige få det til at virke optimalt:

Jeg har 2 DIVs som jeg vil have til at ligge ved siden af hinanden. Det højre DIV har en fast bredde på 300px og skal altid ligge helt til højre side af skærmen.
Det venstre DIV skal fylde resten af den plads der er tilbage på skærmen..

How to do easy?

Synes godt om

NielsErikP Mester

28. maj 2011 - 14:01 #1

Hej...
Håber dette kan bruges :

<html>
<head>
<title>
</title>

<style type="text/css" >
#Venstre {
background: green;
border: 2px solid black;
float: right;
width: auto;
}
#Højre {
background: red;
border: 2px solid black;
width: auto;
}

</style>
</head>
<body>
<div id="Venstre">
<p>hhdghasgldddddddddddddddddfÆF <BR />
DHFLFLDFJDLKJLKDJFLKØJDKFJDJFJDFJDJJJ</P>

</div>
<div id="Højre">
<p>hhdghasgldddddddddddddddddfÆF <BR />
DHFLFLDFJDLKJLKDJFLKØJDKFJDJFJDFJDJJJ</P>
</div>

</body>
</html>

Synes godt om

NielsErikP Mester

28. maj 2011 - 14:12 #2

Hej...
Glem lige det jeg postede i #2, din højre skulle jo have fast bredde på 300px; Jeg vil gøre det sådan (prøv det) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
</title>
<style type="text/css" >
#Venstre {
background: green;
border: 2px solid black;
width: auto - 300px;
}
#Højre {
background: red;
border: 2px solid black;
float: right;
width: 300px;
}

</style>
</head>
<body>
<div id="Højre">
<p>hhdghasgldddddddddddddddddfÆF <BR />
DHFLFLDFJDLKJLKDJFLKØJDKFJDJFJDFJDJJJ</P>
</div>

<div id="Venstre">
<p>hhdghasgldddddddddddddddddfÆF <BR />
DHFLFLDFJDLKJLKDJFLKØJDKFJDJFJDFJDJJJ</P>

</div>

</body>
</html>

Håber det hjælper..!!

Synes godt om

suppenudel Nybegynder

30. maj 2011 - 20:24 #3

Hej NielsErikP - super, det virker. Kendte ikke til tricket med at
lave

width: auto - 300px;

Smider du et svar? :-)

Synes godt om

NielsErikP Mester

30. maj 2011 - 20:58 #4

SVAR..!!
Kun glad for du fik den hjælp du manglede.

Take Care..!!

Synes godt om

suppenudel Nybegynder

30. maj 2011 - 22:13 #5

Super. Hvordan får jeg elementer inden i det venstre DIV til at overholde denne bredde? Hvis jeg f.eks. smider et <asp:GridView> derind og sætter dets style til 100%, bliver venstre divs bredde ophævet og griddet breder sig over hele sidens bredde.

Synes godt om

NielsErikP Mester

30. maj 2011 - 22:40 #6

Hej..
Kender ikke så meget til <asp> og <php>, skal selv til at igang med <php>, så <asp:GridView> siger mig ikke så meget.

prøv om du evt. kan bruge noget her:

http://www.w3schools.com/css/pr_pos_overflow.asp

Håber det hjælper!!

Synes godt om

suppenudel Nybegynder

30. maj 2011 - 23:28 #7

Ah okay, overflow-propertyen vil bare sætte scroll på min DIV hvis den når ud over en fast bredde, men anyways, spørgsmålet omhandlede jo hverken ASP eller PHP og din løsning virkede :-)

Takker for hjælpen her og good luck med PHP!

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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