Notifikationer

Markér alle som læst Log ud

musicchart.dk Nybegynder

06. november 2004 - 20:27 Der er 4 kommentarer og
1 løsning

Centrering og afstand fra denne

Hvordan får jeg centreret en 'kasse' på fx 400px bred og 100%høj, og angiver elementer ud fra toppen/venstre side af denne kasse?

/Bjarke

Synes godt om

miko67 Nybegynder

06. november 2004 - 20:45 #1

div.boks1 {
position: absolute; left: 50%; margin-left: -200px;
width: 400px; height: 100%;
}

- skulle gøre tricket :)

Synes godt om

musicchart.dk Nybegynder

06. november 2004 - 21:07 #2

Ja, det laver den centrerede kasse =)
Men hvis nu jeg vil lave endnu en kasse, der fx angives 100px fra "div.boks1"'s venstre side. Hvordan gøres dette så?

Synes godt om

olebole Juniormester

07. november 2004 - 00:26 #3

<ole>

Nææhh nej. En ordentlig løsning kræver, en del andre ting er i orden ... herunder, at der er sat en korrekt Doc-Type, at højden på body- og documentElement-elementerne er sat til 100% og at deres margin og padding sættes til 0:

<!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>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0px;
paddin: 0px;
text-align: center;
}
.contDiv {
position: relative;
width: 400px;
height: 100%;
margin: 0px auto;
background-color: yellow;
}
</style>
</head>
<body>

<div class="contDiv">
<div style="position:absolute;left:100px">jhk hjlh kjgkhl hkjhg kjhkhk jh</div>
<div style="position:absolute;left:50px;top:200px;">jhk hjlh kjgkhl hkjhg kjhkhk jh</div>
</div>

</body>
</html>

/mvh
</bole>

Synes godt om

musicchart.dk Nybegynder

25. juni 2005 - 17:12 #4

Jeg siger mange tak...

Synes godt om

olebole Juniormester

27. juni 2005 - 18:37 #5

- selvtak ... og tak for points :)

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