Avatar billede sebjlan Nybegynder
19. september 2004 - 17:40 Der er 16 kommentarer og
1 løsning

Hvad har jeg gjort forkert/hvad mangler jeg i mit stylesheet?

Hej! Jeg har brug for noget hjælp!

Tag lige et kig på http://seb_test.ceep.dk/ og fortæl mig hvorfor menuen ikke er centreret og hvorfor der ikke scrolles i "hoved-indholdet"..

Til menuen har jeg defineret bredden og valgt:

margin: 20px auto;

det burde da centrere den? (http://bluerobot.com/web/css/center1.html)


Til hoved-indholdet har jeg defineret marginerne:

margin: 0px auto;

Det burde da gøre at den altid er lige så høj som der er ned til bunden af skærmen, og ved brug af 'overflow: auto;' burder der da scrolles??

Håber jeg har forklaret mig tydeligt nok, ellers må i lige sige til..

På forhånd tak
Avatar billede roenving Novice
19. september 2004 - 17:46 #1
Prøv at fjerne din float fra #menu, og egentlig er float heller ikke nødvendig på dine a-tags, da det alligevel er et inline-element !-)
Avatar billede roenving Novice
19. september 2004 - 17:48 #2
-- og hvis du vil have scrollbars direkte på #content skal den jo have en færdig størrelse, så du skal sætte en højde på også !-)
Avatar billede sebjlan Nybegynder
19. september 2004 - 17:53 #3
Jeg har fjernet float: left; fra #menu og den er nu centreret! takker!

Hvis jeg fjerner float:left; fra #menu a, bliver menuen lavere og ikke så pæn, så det lader jeg være..

Jeg ved godt at jeg kan definere højden på #content og der så scrolles, men det er netop det jeg vil undgå. Jeg vil gerne have at den når ned til bunden af skærmen selvom man resizer browser-vinduet..
Avatar billede roenving Novice
19. september 2004 - 17:57 #4
Hvis du laver et hoved-element, som indeholder hele siden (height:100%), giver menuen position:absolute;z-index:10; og laver et skygge-element i samme højde som menuen, som kan skubbe indholdet i content ned, kan du have et element i præcis browserens højde ...

-- du skal så også sætte height:100%; for både html- og body-elementet ...

Se f.eks. http://www.eksperten.dk/spm/497362 !-)
Avatar billede sebjlan Nybegynder
19. september 2004 - 18:19 #5
Sikkert et dumt spørgsmål, men hvad mener du med et skygge-element?
Avatar billede roenving Novice
19. september 2004 - 18:23 #6
En div med samme proportioner som menuen, som bare ligger nednunder og ikke kan ses, men som, fordi det er positioneret relativt, vil optage den plads i højden inde i content-diven, så indholdet i den først starter under menuen !-)
Avatar billede sebjlan Nybegynder
19. september 2004 - 18:48 #7
Hvorfor ikke bare bruge menuen til det?
Avatar billede roenving Novice
19. september 2004 - 18:52 #8
Fordi du kun kan opnå fuld browser-højde ved at bruge:

html,body{height:100%;}
#content{height:100%;}

-- og content vil tage sin højde fra body-elementet og så vil have samme højde som browser-vinduet, så hvis den ikke starter helt oppe i toppen, vil den rage menuens højde ned under vinduet !-)

Har du prøvet at se på: http://www.eksperten.dk/spm/497362#rid4584627
Avatar billede sebjlan Nybegynder
19. september 2004 - 19:32 #9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Test</title>
<meta name="Generator" content="Stone's WebWriter 4" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="test.css" type="text/css" />
</head>
<body>


<div id="menu">
<a href="http://gcboweb.ngdc.net/~mor/">start med te</a>
<a href="http://gcboweb.ngdc.net/~mor/">fortællinger om by-mor</a>
<a href="http://gcboweb.ngdc.net/~mor/">mor med maling</a>
<a href="http://gcboweb.ngdc.net/~mor/">hvad sagde mor?</a>
<a href="http://gcboweb.ngdc.net/~mor/">se andre mødre!</a>
</div>

<!-- Er det sådan du mener??
<div style="width:[som menu];height:[som menu];visibility:hidden;>
</div>
-->

<div id="content">


<p>Conceptualizing random endpoints in a access matrix provides reach extentions enterprise wide. Respective divisions historically insignificant, upscale trendlines in a management inventory analysis survivabilty format.

Document-centric projections unfetter traditional auditing practices rivaling central process management. Advanced functionality, easy administration, proclaim the hallmarks of unprecedented opportunity.

Iteration systemwide engenders economies of scale, cross-media technology, presentation action items and life cycle replication.

Enterprise engenderment accelerates initiative platforms, reducing staffing components, integration of technical accessibility, resulting in bottom line pluralisms, benefit-wise. Incidental re-sizing staff requirements through attrition can be accelerated by paridigm shifts and focusing on core suitability and cross-training.

Marketing teams input produce cross purposing in view of goal alignments due to knowlege paucity, necessitating workflow education and orientation. Media sourcing as an acquistion strategy is counterproductive in a internet environment in virtual component methodology. Imaging through ideals rather than real world branding, is a perilous undertaking with negative results. Branding strategies generating motion as activity without reproducible results is a ultimately futile effort if left in place.

</p>

</div>

</body>
</html>
Avatar billede roenving Novice
19. september 2004 - 19:42 #10
Nej !-)

Den div, som skubber skal ligge inde i content-div'en, ellers forøger den jo højden !o]
Avatar billede sebjlan Nybegynder
19. september 2004 - 19:55 #11
Nu tror jeg, at jeg forstår dig! Jeg prøver lige.. Hvis jeg kan finde ud af det, men det kan jeg sikkert ikke :-)
Avatar billede sebjlan Nybegynder
19. september 2004 - 19:57 #12
Men skal menuen så ikke positioneres absolut??

Ellers forstår vi ikke hinanden... :S
Avatar billede roenving Novice
19. september 2004 - 19:59 #13
Jo, det skrev jeg også 17:57:57 !-)
Avatar billede sebjlan Nybegynder
19. september 2004 - 20:00 #14
Dét overså jeg, my bad!
Avatar billede sebjlan Nybegynder
19. september 2004 - 20:10 #15
Hmm... Når jeg positionerer menuen absolut, fosvinder centreringen.. Jeg forstår ikke, HVER evig eneste gang jeg har forsøgt noget med position:absolute; har det ikke én gang været centreret..

Desuden, med din metode vil det se ud som om menuen ligger i div#content, og det vil jeg ikke have..

Sikke besværlig og perfektionistisk jeg er!

Kan du så ikke forklare hvordan man centrerer med position:absolute; og så accepterer jeg det ;-)
Avatar billede roenving Novice
19. september 2004 - 20:16 #16
Den store container skal du have udenom hele sidens indhold, altså også menuen !-)
Avatar billede sebjlan Nybegynder
23. september 2004 - 08:05 #17
Så lukker jeg da bare ..
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