Avatar billede viggosmor Nybegynder
06. maj 2008 - 20:41 Der er 16 kommentarer og
1 løsning

Sidebar placering

Hejsa

Sidder og er ved at kode starten på vores næste projekt, og har problemer med sidebarens placering:

http://soederberg-webdesign.dk/organicTest/index.php

Hvordan får jeg den på plads?

Tusind tak på forhånd...

Lone
Avatar billede viggosmor Nybegynder
06. maj 2008 - 20:42 #1
ps ved godt der er nogen mellemrum, som ikke skal være der....

Men det var hurtigt for at få sidebaren i en korrekt størrelse....
Avatar billede viggosmor Nybegynder
06. maj 2008 - 21:05 #2
nå nu har jeg da fået sidebaren ind på siden, men der er stadig et mellemrum, mellem navigationen og den brune sidebar.....
Avatar billede olebole Juniormester
06. maj 2008 - 22:07 #3
<ole>

Sæt padding og margin til 0 på din UL  =)

/mvh
</bole>
Avatar billede viggosmor Nybegynder
07. maj 2008 - 07:59 #4
Padding og margin er sat til 0 på ul....
Avatar billede viggosmor Nybegynder
03. juni 2008 - 11:44 #5
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Verdana;
width: 100%;
border: 1px solid #ffffff;
background-color: #333333;
}

Er det ikke denne css du mener?
Avatar billede mclemens Nybegynder
03. juni 2008 - 15:15 #6
Måske skal margin-bottom: 1em; slettes ?
Avatar billede viggosmor Nybegynder
03. juni 2008 - 15:54 #7
Super mclemens...

Nu ser det langt bedre ud, smid et svar... :)
Avatar billede viggosmor Nybegynder
03. juni 2008 - 15:55 #8
Avatar billede mclemens Nybegynder
03. juni 2008 - 16:03 #9
Velbekomme :o) Kast point til Ole,
jeg gentog bare hvad han skrev ;)

Hmm, nu røg den venstre side op
samtidig, men det kan jo klares med
padding-top på #venstre i stedet ...
Avatar billede viggosmor Nybegynder
03. juni 2008 - 16:10 #10
Nå ja oki, så må ole lige lægge et svar igen.. :)

Venstre side røg ikke op hos mig...

Men ser på padding af #venstre... takker... :)
Avatar billede viggosmor Nybegynder
03. juni 2008 - 16:13 #11
Nå kan se det er i firefox, der går teksten helt op, det må jeg lige fixe....
Avatar billede mclemens Nybegynder
03. juni 2008 - 17:11 #12
Kiggede lige i IE7, prøv med nedenstående
tilføjelser samt rettelsen af venstre ...


/*Tilføj... nulstiller margin og padding på h1 og indstiller margin på p elementer ens*/
h1{margin:0;padding:0;}
p {margin:10px;}

/* tilføj... placerer menuen over venstre via z-index og position */
#vdividermenu {position:relative;z-index:9;}

/*Slet padding-top og brug relative samt top placering */
#venstre {
    margin-right: 304px;
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: #feffff;
    line-height: 18px;position:relative;top:10px;
    }
Avatar billede viggosmor Nybegynder
03. juni 2008 - 17:39 #13
Jeg har selv rettet en masse sider... ser det ikke ok ud nu?

Jeg har jo padding og margin på #venstre...

Er det ikke ok?

:)

Tak for hjælpen, du får nogen point...
Avatar billede mclemens Nybegynder
03. juni 2008 - 17:46 #14
Jeg formoder at linket vi taler om er:
http://soederberg-webdesign.dk/eksamenOrganic/index.php

... Hvis du kigger på afstanden fra overskrift til menu
så er afstanden ikke ens crossbrowser og ligeledes i teksten
da h og p elementer har forskellig padding/margin mellem browsere.

- Du kan evt. prøve at teste (husk at backe din css op) og se hvordan
det ser ud med ændringerne og designet browserne imellem. Det er ok
når du selv føler at det er ok - det er dig der skal forsvare opgaven ;)
Avatar billede viggosmor Nybegynder
03. juni 2008 - 18:02 #15
Oki, på den måde...

Det vil jeg lige prøve at lege med...

Takker, du får point.. :)
Avatar billede viggosmor Nybegynder
03. juni 2008 - 18:04 #16
Ligenu er jeg mest interessereti at få alle sider til at validerer, herefter kan der finpudses...
Der var en masse rod i koden, så det er jeg ved at rette op på nu...
Avatar billede mclemens Nybegynder
03. juni 2008 - 18:28 #17
Og tak for point :o)
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