Søg
Avatar billede Slettet bruger
12. december 2003 - 12:01 Der er 17 kommentarer og
1 løsning

Hvorfor har jeg en hvid margin i højre side

Hej

Jeg kan ikke få min "topbar" til at gå helt ud til browservindues højre kant - er der en der kan se hvad jeg gør galt?

På forhånd tak.

Her er koden:

<style type="text/css">

body {
    margin: 0px;

}

#topbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20;

    background-color:#24A520;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 14px;

}



</style>
Avatar billede 7th Praktikant
12. december 2003 - 12:08 #1
Din kode virker fint i Internet Explorer, Mozilla og Netscape. Måske er det "scrollbaren" i Internet Explorer som "snyder" dig.
Avatar billede Slettet bruger
12. december 2003 - 12:13 #2
Men jeg ønsker at den skal gå helt ud til højre kant af browservinduet og det er ikke pga. scrollbaren?
Avatar billede 7th Praktikant
12. december 2003 - 12:19 #3
Det gør den også i Internet Explorer 6, Mozilla Firebird 0.7, Netscape 7 og Opera 7. Din grønne topbar klistre sig fuldstændigt opad venstre og højre browserkant.

Hvordan bruger du dit stylesheet. På et div tag?
Avatar billede Slettet bruger
12. december 2003 - 12:28 #4
Hmmm - kan det være pga. min explorer version?

Jeg bruge mit stylesheet på et div tag fordi jeg ikke ved bedre. Jeg vil styrer mine elemeneter (topbar, en mellemrums bar, en menu bar, osv.) med stylesheet, så jeg senre kan vælge dem ud jeg vil have på skærmen og dem jeg vil have på print. Kan jeg gøre det smartere?
Avatar billede 7th Praktikant
12. december 2003 - 12:38 #5
Nææ, udfra dine oplysninger gør du det helt korrekt, og brug af div tags er også ganske korrekt.

Hvad siger din browser til dette?

body {
    margin: 0px;
    padding: 0px;
}
Avatar billede Slettet bruger
12. december 2003 - 12:41 #6
Det ændre ikke noget. Starten af min side, ser ud som følger:

<html>

<head>
<title></title>


<link rel="stylesheet" type="text/css" href="\includes\css\stylesheet_frontpage_screen.css">
</head>


<body>

Og så komme deiver div tags
Avatar billede Slettet bruger
12. december 2003 - 12:41 #7
deiver=diverse
Avatar billede 7th Praktikant
12. december 2003 - 12:51 #8
Hvad siger din browser til denne side http://www.jong.frac.dk/test.htm
Avatar billede Slettet bruger
12. december 2003 - 13:28 #9
Der går den fint helt ud til kanterne???
Avatar billede 7th Praktikant
12. december 2003 - 13:39 #10
Hvis du spørger, så ja helt ud til begge kanter. Det burde den også gøre hos dig. Ellers prøv at downloade Mozilla Firebird 0.7 fra www.mozilla.org

Hvis den når helt ud til begge kanter hos dig, så prøv at uploade din side så vi kan kigge på koden.
Avatar billede Slettet bruger
12. december 2003 - 14:11 #11
Den går helt ud til begge kanter hos mig, men det gør den jeg har lavet ikke. Hvorfor mon det?

Der er ikke andet på siden end følgende:

<html>

<head>
<title></title>


<link rel="stylesheet" type="text/css" href="\includes\css\stylesheet_frontpage_screen.css">
</head>


<body>

<div id="topbar">

test

</div>

<div id="spacebar">

</div>

<div id="logo_bar">

</div>

<div id="spacebar">

</div>

<div id="personal_menu_bar">
test-2

</div>

<div id="rightmenu">
Rightmenu




</body>


</html>

...og stylesheet:

body {
    margin: 0px;
    padding: 0px;
}



#topbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20;

    background-color:#24A520;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 14px;
}

#spacebar{
    position: absolute
    left: 0px;
    width: 100%;
    height: 1px;
   
    color: #000000;
}

#logobar {
    background-color:#D4D0C8;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    font-weight:bold;
    font-size: 16px;
}

#personal_menu_bar {
    position: absolute;
    left: 0px;
    width: 100%;

    background-color:#b1b19f;
    text-indent: 20px;
    font-family: arial, verdana, sans-serif;
    color: #24A520;
    font-weight:bold;
    font-size: 14px;
}

#rightmenu {
    position: absolute;
    left: 0px;
    width:50;

    background-color:#D4D0C8;
    text-indent: 10px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    font-weight:none;
    font-size: 14px;
}

</style>
Avatar billede Slettet bruger
12. december 2003 - 14:24 #12
Jeg ved ikke om jeg bør oprette et nyt spørgsmål, men nu prøver jeg at stille det her.
Hvordan får jeg de enkelte div-elementer til at "flyde" op under hinanden, sådan at jeg ikke behøver at definrer hvor på siden de skal stå, men blot behøver at definre størrelsen?

Sig til hvis man ikke må stille endnu et spørgsmål, så laver jeg bare et nyt.

På forhånd tak.
Avatar billede 7th Praktikant
12. december 2003 - 14:37 #13
Med flyde mener du sådan http://www.html.dk/tutorials/css/lektion15.asp

Det ser rigtig nok ud hos mig din kode. Grøn og lysbrun bar er helt ud til begge browserkanter.
Avatar billede Slettet bruger
12. december 2003 - 14:41 #14
Det var da lidt mærkeligt.

Mht. det andet - så nej. Jeg mener at hvis jeg f.eks. i element personlig menu pludselig skriver text så det fylder 5 linier, så vil det komme til at stå oven i den nedenunder. I det tilfælde skal det nedenunder flytte sig lidt ned.
Avatar billede 7th Praktikant
12. december 2003 - 16:56 #15
Ahh, det er fordi du har angivet div elementet som værende til absolut position. Sæt den til position: relativ i stedet for.
Avatar billede Slettet bruger
14. december 2003 - 01:31 #16
Det prøver jeg - tak.
Avatar billede Slettet bruger
17. maj 2007 - 20:54 #17
7th -> sender du et svar - så lukker jeg...
Avatar billede Slettet bruger
07. februar 2011 - 09:18 #18
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
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
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »