Avatar billede net-base.dk Nybegynder
23. september 2005 - 10:05 Der er 7 kommentarer og
1 løsning

Div spørgsmål.

Hej jeg sidder her og skal til at lave et website, som er lidt vanskeligt i designet fordi nogle af billederne skal overlappe hinanden, så jeg skal jo nok bruge div.

Jeg har et stort div. som er centreret på siden og i det div har så 8 andre div. som gerne skulle flytte med lige meget hvor på siden jeg placerer mit div.

Jeg skal have et div i hverthjørne som hele tiden ligger til det hjørne... problemet er at siden kan variere i højden, så det skal laves på en sådan måde at de nederste div skal holde sig til de nederste hjørner, på langsiden (top,left,right,bottom) skal der så være et <div> på hver som sig strækker fra den hvor det øverste div er til den nederste uden at overlappe dem? og det samme i top og bund.

det yderste <div> skal være width="1000" og height="100%"

I midten af de andre 8 <div> skal der så være et sidste div som fylder resten ud...

Hvis i ikke er med på hvad jeg mener kan jeg godt lave en tegning og lægge på siden så folk kan se den.
Avatar billede net-base.dk Nybegynder
23. september 2005 - 11:31 #1
okay har fået de 8 yderste kanter til at passe, men kan ikke få dem til at være inden for den anden div jeg har lavet... hvordan får jeg dem til det?
Avatar billede olebole Juniormester
23. september 2005 - 14:18 #2
<ole>

Der er ikke nogen måde i CSS at sige '100% minus ditten og datten'. Du må vide, hvor højt det inderste div er

/mvh
</bole>
Avatar billede net-base.dk Nybegynder
23. september 2005 - 16:01 #3
Jeg har et div... det er 1000px bredt i det div skal der så være 9 andre div... sidde 9 andre div skal holde sig til kanterne af det yderste div. ligesom hvis man har et stykke A4 papir og lægger 9 andre stykker på det, når man så flytter det flytter de andre med. sådan skal det også være her, for kan ikke sige de skal være 300px fra left. for hvad med folk der kører 1024 de vil så få det vist mærkeligt og dem som kører 1600 får det ikke ventreret men nærmere mod left... så derfor skal de 9 div holde sig til kanterne af det yderste div... hvis du forstår.
Avatar billede olebole Juniormester
23. september 2005 - 16:18 #4
- ja, det har jeg skam hele tiden forstået  :)
Avatar billede net-base.dk Nybegynder
23. september 2005 - 23:30 #5
Okay... men kan det lade sig gøre at lave det på den måde?
Avatar billede roenving Novice
24. september 2005 - 23:19 #6
Prøv f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Døgnrapport Lystrup brandstation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
</head>
<body>
<div style="width:1000px;margin:0 auto;position:relative;">
  <div style="position:absolute;left:300px;top:300px;width:300px;height:300px;background:#f00;">&nbsp;</div>
  <div style="position:absolute;left:700px;top:50px;width:300px;height:300px;background:#0f0;">&nbsp;</div>
  <div style="position:absolute;left:500px;top:200px;width:300px;height:300px;background:#ff0;">&nbsp;</div>
  <div style="position:absolute;left:450px;top:450px;width:300px;height:300px;background:#f0f;">&nbsp;</div>
  <div style="position:absolute;left:50px;top:100px;width:300px;height:300px;background:#00f;">&nbsp;</div>
  <div style="position:absolute;left:100px;top:400px;width:300px;height:300px;background:#f77;">&nbsp;</div>
  <div style="position:absolute;left:350px;top:30px;width:300px;height:300px;background:#70f;">&nbsp;</div>
  <div style="position:absolute;left:600px;top:400px;width:300px;height:300px;background:#f7f;">&nbsp;</div>
</div>
</body>

</html>
Avatar billede roenving Novice
24. september 2005 - 23:20 #7
*lol*

-- der var lige en døgnrapport, som gik igen !-)
Avatar billede net-base.dk Nybegynder
26. september 2005 - 08:58 #8
Og må man spørge hvad det skulle forestille?

Gider ik vente på svar lukker.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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