Notifikationer

Markér alle som læst Log ud

viggosmor Nybegynder

24. juni 2008 - 10:53 Der er 9 kommentarer og
1 løsning

fixed banner og menu med css

Hej

Sidder og roder med denne side:

http://soederberg-webdesign.dk/astrid

Og kunne godt tænke mig at få banner og menuen til at være fixed på siden, når man scroller..

Har søgt og læst mange steder men det er ikke lykkedes mig at få et brugbart resultat ud af det..

Jeg har forsøgt med

#banner {position: fixed; }
og det virker da også i ie7, men så bliver menuen mindre...

Så har jeg prøvet følgende:

#navigation { position: fixed; top:100px; }

Men uden godt resultat..

Er der en venlig sjæl der vil prøve at forklare hvordan jeg gør dette smartest, så det understøttes af alle browsere?

Synes godt om

w13 Novice

24. juni 2008 - 11:00 #1

Jeg forstår ikke helt, hvad du mener med, at menuen bliver mindre. Kan jeg se dette?

Det skyldes ikke bare, at du mangler at definere en bredde på menuen, og når du gør den fixed, får den ikke længere bredden fra sit parent element?

Synes godt om

viggosmor Nybegynder

24. juni 2008 - 11:16 #2

jo nu er det uploaded, hvor jeg har følgende css kode:

#banner {
position: fixed;
width: 900px;
height: 100px;
}

Synes godt om

viggosmor Nybegynder

24. juni 2008 - 11:18 #3

hvordan får jeg navigation til at være fixed også og i sin rigtige størrelse 150px;
?

Synes godt om

w13 Novice

24. juni 2008 - 11:27 #4

I dit CSS-dokument har du lige nu:

#navigation {

padding: 0px 0px 0px 0px;

height: 150px;
width: 900px;
}

Det skal så i hvert fald have en position:fixed; og i øvrigt kan padding forkortes til padding:0;

#navigation {
position:fixed;
padding: 0;
height: 150px;
width: 900px;
}

Fejler størrelsen så?

Synes godt om

viggosmor Nybegynder

24. juni 2008 - 11:32 #5

hmm oki... nu er indholdet blevet forrykket, så der slet ikke kan scrolles...

Synes godt om

viggosmor Nybegynder

24. juni 2008 - 12:17 #6

Oki, jeg har sat overflow: auto; på #indhold og #sidebar
Og så har jeg forøget padding-top på disse elementer også... det hjalp gevaldigt... men det duer jo kun i ie7 og firefox..

Har brug for lidt hjælp med at få det til at se sådan ud i alle browsere...

Synes godt om

w13 Novice

24. juni 2008 - 12:28 #7

Det ser ud til, at bredden på teksten er for smal i Safari. Har du sat bredden?

Synes godt om

viggosmor Nybegynder

24. juni 2008 - 12:56 #8

nej men det har jeg nu...

Hmmm, kan ikke få det til at virke i ie6...

Synes godt om

w13 Novice

24. juni 2008 - 13:04 #9

Jeg har desværre ikke IE6, så jeg kan ikke teste det.

Når jeg laver design, tester jeg altid i samtlige browsere for hver del, jeg tilføjer. På den måde ved jeg præcis, når jeg arbejder med en kode, der opfører sig forskelligt afhængigt af browseren - og så sparer jeg enormt meget tid senere, hvor jeg ikke skal sidde og lede efter fejl. :)

Synes godt om

viggosmor Nybegynder

19. august 2008 - 07:24 #10

Nå mon ikke vi skal lukke her...

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