Avatar billede olezen Nybegynder
06. juli 2003 - 00:08 Der er 10 kommentarer

Underlig udseende når der minimeres

Når jeg minimere denne side ser de forskellige bokse underlige ud ?!? hvorfor gør de det og hvordan kan jeg forhindre det. Berlingske Tidende's side er også lavet i css men deres side ser ikke underlige ud når den minimeres.
link til siden :
http://www.claus.bettebror.lir.dk/

min css kilde:

body {
    margin: 105px 100px 100px;

}
#title {
    position:absolute;
    left:100px;
    top:20px;
    width:100%;
    height: 75px;
    background-color:orange;
}
#left {
    position:absolute;
    left:100px;
    top:105px;
    width:150px;
    height:450px;
    background-color:silver;
}

#menu {
    position:absolute;
    left:10px;
    top:5px;
    width:130px;
    height:200px;
    background-color:red;
}

#link {
    position:absolute;
    left:10px;
    top:225px;
    width:130px;
    height:70px;
    background-color:yellow;
}

#counter {
    position:absolute;
    left:10px;
    top:315px;
    width:130px;
    height:70px;
    background-color:black;
}



}
#content {
    margin-left:160px;
    height:450px;
    background-color:silver;
}
Avatar billede webshortcut Nybegynder
06. juli 2003 - 00:13 #1
jeg mener det er fordi du bruger absolute position
Avatar billede htmlaga Nybegynder
06. juli 2003 - 00:17 #2
Kan du ikke mere specifikt beskrive, hvad det er du mener ser underligt ud?

Hvis det er fordi du ikke vil have den skalerer, skal du angive dine værdier i pixels i stedet for procent.

Mvh.
Avatar billede olezen Nybegynder
06. juli 2003 - 00:20 #3
jeg kan da prøve at beskrive det bedre... hvis du med musen tager og trækker browservinduet mindre faktisk meget lille så vil du se at de forskellige bokse opfører sig underligt især den orange.

Mvh. Olesen
Avatar billede roenving Novice
06. juli 2003 - 00:20 #4
Hvad for nogle boxe opfører sig underligt ?-)
Avatar billede roenving Novice
06. juli 2003 - 00:22 #5
Hvordan underligt, den bliver da bare så lille som den kan ??

Ellers skal du sætte andre text-properties ...
Avatar billede roenving Novice
06. juli 2003 - 00:23 #6
Forøvrigt er det vel en paste-fejl, der er en } for meget over #content ,-)
Avatar billede htmlaga Nybegynder
06. juli 2003 - 00:24 #7
ja, den bliver større i højden når 'titel' hopper ned på næste linie, det er fordi dit design skalerer, alt efter hvor stort område browseren har at arbejde med. Dette kan som sagt undgås ved at angive dine width-værdier i pixels i stedet for procent. Man kan så tage diskussionen omkring hvorvidt det er en fordel eller ej. Jeg foretrækker personligt skalerbart design.

Mvh.
Avatar billede olezen Nybegynder
06. juli 2003 - 00:26 #8
ok der er altså ikke noget galt med måden det er "kodet" på?
Avatar billede htmlaga Nybegynder
06. juli 2003 - 00:31 #9
Ikke som sådan, men hvis du helst vil have at bokse bliver hvor de er (som på berlingske.dk) kan du jo bare ændre.
Avatar billede roenving Novice
06. juli 2003 - 01:04 #10
De der små anomaliteter ville jeg også s**** højt og flot på -- alternativet er jo at gå i en hel anden retning, som kræver nogle helt andre slags kode-måder ...

Keep it simple, som de siger i M$'s eget land ...
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