Søg
Avatar billede mik789 Nybegynder
02. august 2003 - 08:14 Der er 9 kommentarer og
1 løsning

undgå overlappende div'er

Her er en lille instruktion i centrering: http://e-tidsskrift.dk/dev/center_div_css.php

Men hvis I prøver at resize vinduet vertikalt opad (så det bliver smallere og smallere) sker der det på et tidspunkt at den centrale gule box går ind over overskriften. Både box og overskrift er div'er. Se det er jo ikke så smart, og hvordan undgår man det? Har prøvet med min-height, men det hjælper ikke.
//mik
Avatar billede ttc Nybegynder
02. august 2003 - 12:09 #1
kunne godt bruge noget kode....

har du prøvet at bruge px istæden for %...
Avatar billede mik789 Nybegynder
02. august 2003 - 12:47 #2
koden kan du direkte se fra siden i kilden - alt er med.
den modtode at centrere på kræver at en del af målene angives i %, så det kan ikke laves absolut det hele...
Avatar billede mik789 Nybegynder
02. august 2003 - 12:47 #3
metode ;-)
Avatar billede zkn Nybegynder
02. august 2003 - 12:54 #4
Det du siger er ikke muligt, Så længe den er placeret absolute med top:50%; vil dette ske.
Avatar billede mik789 Nybegynder
02. august 2003 - 13:03 #5
zkn> ja, jeg tror du har ret. sagen er jo den at begge div'er nødvendigvis er positioneret i forhold til <body>, og derfor vil de, når vinduet bliver tilstrækkeligt smalt, nødvendigvis falde sammen. Eneste måde at undgå det på, er at dele siden op, altså noget i stil med:

<div style="height: 20%"><div id="overskrift">tekst</div></div>
<div style="height: 80%"><div id="box">tekst</div></div>

For så vil begge bokse blive positioneret i forhold til de bokse de er omgivet af og som hver for sig kun strækker sig hhv 20% og 80% i højden. Men så er der jo ikke længere tale om at at centrere boksen i forhold til siden - og det var det, øvelsen gik ud på :-(
Avatar billede roenving Novice
02. august 2003 - 13:09 #6
Det er helt korrekt, at absolut positionering så at sige 'løfter' elementet ud af den normale sammenhæng i dokumentet, så du kan ikke opnå, at de ikke rammer sammen ...

Derfor prøvede jeg også med alternativet: at overskriften altid kunne ses !-)

-- det ville den kun gøre tilfredsstillende, når #box'en fik z-index:-1;
Avatar billede mik789 Nybegynder
02. august 2003 - 13:12 #7
roenving> ja men det er jo alligevel overlapning - noget vil så bare være skjult af det andet. sidder lige og prøver noget andet. man kan jo putte hver af diverne ind i omgivende diver der hver for sig har fået tildel en del af højden, f.eks. 20% og 80% og så man kunne kompensere mht til boksens placering, så det alligevel kommer til at se ud som om den er i midten af vinduet. øjeblik....
Avatar billede mik789 Nybegynder
02. august 2003 - 13:37 #8
OK, det er som det er....
Avatar billede roenving Novice
02. august 2003 - 13:40 #9
Så skal du arbejde med window-objekter (altså (i)frames) for absolut positionering betyder absolut, og det er i forhold til hele vinduet !-)
Avatar billede mik789 Nybegynder
02. august 2003 - 13:45 #10
ja, ok - skidt med det, det var bare en øvelse
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
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »