Søg
Avatar billede sorensen_123 Nybegynder
17. juni 2007 - 16:20 Der er 24 kommentarer og
2 løsninger

Border følger ikke helt ned.

Hejsa,

Jeg er i gang med at lave et design hvor jeg har en border-left og en border-right, som jo gerne skulle følge helt ned til bunden.
Men det gør den ikke. Hvis siden er længere end skærmen (og der kommer scrollbar i browseren), så når jeg kører ned, er den der ikke længere.

Jeg laver den sådan her:
<div id="side">
  ALT MIT INDHOLD PÅ SIDE MED MENUER ETC.
</div>

Og min css ser sådan her ud:
#side {
position: absolute;
top: 0;
margin-left: 35px;
width: 957px;
height: 100%;
border-left: 1px solid #7e899d;
border-right: 1px solid #7e899d;
}

Her er et billede:
http://www.jaxl.com/designbug.jpg

Det samme sker med min lightbox, altså at den ikke viser det gennemsigtige grå hele vejen ned, og jeg tror at når jeg får løst det andet problem, løser dette sig også!
Et lille billede af lightbox:
http://www.jaxl.com/lightbug.jpg

Nogen der kan hjælpe?
Avatar billede jweber Nybegynder
17. juni 2007 - 19:01 #1
Kan det være fordi at dit indhold i din div boks side er placeret med position:absolute? Når noget er placeret absolute optager det nemlig ikke plads i det element det er placeret i. Ved ikke om det lige er det det skyldes. Men i hvert fald når du angiver en højde (eller bredde for den sags skyld) til 100% bliver det kun ud til kanterne af vinduestørrelsen i hvert fald hvis det er det yderste element, så du også selv ser.
Avatar billede dkfire Nybegynder
17. juni 2007 - 19:50 #2
Det kan skyldes at da du har sat en fast høkde på din div, og dit indhold i din div er mere end hvad div'en kan indeholde, så løber indholdet udover kanten på div'en.

Du kan styre hvad der skal ske i det tilfælde ved hjælp af overflow (Mener jeg den hedder)
Avatar billede sorensen_123 Nybegynder
17. juni 2007 - 22:09 #3
jweber:
Jeg har et element med position:absolute; inden i min side div, men selvom jeg sletter det, så vil den stadig ikke følge helt ned til bunden.
Og det med 100%. Er der en måde så man får den til at følge helt ned til siden med scroll?

dkfire:
Jeg vil jo gerne have den til at være ligeså høj som skærmen er, og derfor har jeg sat den til 100%. Jeg har prøvet alle overflows parametre, men det synes ikke at virke.

Andre forslag??
Avatar billede dkfire Nybegynder
17. juni 2007 - 22:32 #4
Men hvorfor fastlåse den til én højde ??
Avatar billede dkfire Nybegynder
17. juni 2007 - 22:34 #5
Jeg har brug for at se lidt mere af din side for at kunne hjælpe dig.
Avatar billede roenving Novice
18. juni 2007 - 00:54 #6
1. Din side-regel skal absolut ikke være absolut, relativ virker som et bedre valg ...

2. Og hvad er definitionerne for dokument-elementerne html og body ?-)

Prøv f.eks.

html,body{margin:0;padding:0;height:100%;min-height:100%;}
#side {
  position: relative;
  margin:0 auto;
  width: 957px;
  height: 100%;
  border: 1px solid #7e899d;
  border-width: 0 1px;
}

-- kan være, at der skal elaboreres yderligere, men så bare du har ideen !-)
Avatar billede sorensen_123 Nybegynder
18. juni 2007 - 18:00 #7
Har ændret til relative, men løser sig stadig ikke.

Her er toppen af min css:
html,body {
width: 100%;
height: 100%;
background: #fff;
margin: 0;
font: 90%/1.3 TrebuchetMS,Arial,sans-serif;
}

#side {
position: relative;
top: 0;
margin-left: 35px;
width: 957px;
height: 100%;
border-left: 1px solid #7e899d;
border-right: 1px solid #7e899d;
}
Avatar billede dkfire Nybegynder
19. juni 2007 - 13:03 #8
Må vi se din side ??
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 13:36 #9
Ja, det er fgbeta.ferie-galleriet.dk
Avatar billede dkfire Nybegynder
19. juni 2007 - 14:46 #10
Du har flere fejl i din side.
div'en med id indhold står inden under menuen hos mig.
Dens position skal også være relativ.

En anden ting er at din menu overhoved ikke kan være i hele vinduet hos mig, så derfor er en height på 100% til ingen nytte.

Så skal du lige bytte om på rækkefølgen af diven med indhold og hoejremenu.
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 14:50 #11
Ja, ved godt at der er nogle problemer i FireFox, vil lige få det ordnet :)
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 14:54 #12
Jeg har rettet det, men h2'en kommer stadig ikke rigtigt ud til siden, hvorfor?
Og borderen er stadig ikke helt nede endnu..
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 15:11 #13
Har lavet lidt om på designet.

Nu er borderen ikke længere et problem, men copyright div'en. For i FF er den inde i midten af siden.

Min css er sådan her:

#copyright {
position: relative;
margin-top: 5px;
bottom: 0;
margin-bottom: 0;
width: 957px;
height: 40px;
background: url('../images/copybg.gif') no-repeat;
}
Avatar billede dkfire Nybegynder
19. juni 2007 - 15:20 #14
Det er fordi du mangler en float:clear
Avatar billede dkfire Nybegynder
19. juni 2007 - 15:22 #15
Og så alt det der med position: relative, prøv at se om det er nødvendigt at have.
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 15:33 #16
Har prøvet med float:clear, men det virker desværre ikke.
Har sat den ind i min css fil i #copyright i bunden.
Avatar billede roenving Novice
19. juni 2007 - 15:38 #17
Det hedder:

cear:both; !-)
Avatar billede roenving Novice
19. juni 2007 - 15:39 #18
Argh ...

clear:both;
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 15:42 #19
Så virker det.

dkfire og roenving, smid svar, så får i hver 60 points.
Avatar billede roenving Novice
19. juni 2007 - 15:51 #20
Oki '-)
Avatar billede dkfire Nybegynder
19. juni 2007 - 16:06 #21
Godt :-)
Men det ser vist ud til der er lidt problemer med firefox stadig ;-)
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 16:24 #22
Sådan, og tak for hjælpen :)
Avatar billede roenving Novice
19. juni 2007 - 16:40 #23
-- og jeg takker for point ;~}
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 16:45 #24
Så lidt ;)
Avatar billede dkfire Nybegynder
19. juni 2007 - 16:54 #25
Takker, men vil nu også gerne have noget karma ;-)
Ved godt det er meget at forlange.
Avatar billede sorensen_123 Nybegynder
19. juni 2007 - 17:05 #26
Jamen så får du noget karma også.
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
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
18/0718:04 Ingen menubjælke i chrome Af valby i Browsere
White papers
Flere white papers »