Avatar billede mbs- Nybegynder
14. marts 2012 - 23:16 Der er 23 kommentarer og
1 løsning

Tilpasse vindue efter opløsning

Hej Eksperten.

Jeg er kommet lidt i problemer hvad angår HTML og CSS. Har tidligere for ca. 4-5 år siden arbejdet en del med det, men efter så lang en pause er jeg godt nok på bar bund!

Håber lidt der er en venlig sjæl der kan hjælpe :-)

Har lavet en side med 4 tabeller hvori jeg har lavet en boks med runde kanter igennem CSS. Jeg vil meget gerne ha lavet sådan at de to bokse til højre er størst, og de to til venstre, er de små. Størrelsen skal være let at redigere i. Det kan godt være at den første store boks skal være længere i bund, i forhold til den lille boks til højre.

Men min største udfordring, er at få hele vinduet til at tilpasse sig efter opløsningen på den pågældende browser (eller mobil telefon).
Det skal IKKE være sådan at boksene fortsat har den længde og bredde hvis vinduet IKKE er maksimeret.

Det hele ligger på http://mbstech.dk/test/index5.html og hvis man maksimere og er i 1280x800 er det faktisk "nogenlunde" som jeg vil ha det.

Jeg kunne dog godt tænke mig at man ku skrive HELT oppe i den første boks. Den går lige 4-5 linjer ned. Men det er vel pga. dem 2 til højre?

Som siden er nu når den er maksimeret, er boksene "nogenlunde" sådan som jeg vil ha det. Jeg har lavet en hurtig tegning i paint, der beskriver lidt om hvordan jeg godt ku tænke mig det...

http://peecee.dk/upload/view/356661

(De 5 små der er ved logoet, skal der ikke tages højde for)

Håber det er nogenlunde skrevet så folk kan forstå det. Ellers skal jeg nok prøve og skære det mere ud i pap. Mange tusinde tak!

Ihh jeg savner html.dk!
Avatar billede mbs- Nybegynder
14. marts 2012 - 23:23 #1
http://www.echoecho.com/dk/htmltables03.htm

Jeg tænker lidt det har noget med det her at gøre? Men kan være jeg er heeeelt på bar bund...

"nowrap   
beskytter mod linieskift, selvom indholdet i en celle er breddere end browser-vinduet"
Avatar billede olebole Juniormester
14. marts 2012 - 23:37 #2
<ole>

Din server svarer ikke

/mvh
</bole>
Avatar billede NielsErikP Mester
14. marts 2012 - 23:43 #3
Hej...

Du skal holde dig fra tables til design, det er kun til tabulleret data at man bruger tables... Du skal istedet opbygge din hjemmeside med Div's ...
Avatar billede olebole Juniormester
15. marts 2012 - 00:43 #4
Nu virker serveren. Det bedste, man kan sige om den kode, er, at der trods alt kan findes huller mellem fejlene!

Valider altid din kode - og sæt dig ind i de allermest grundlæggende principper omkring HTML og CSS. Det ville være en god begyndelse  =)
Avatar billede mbs- Nybegynder
16. marts 2012 - 17:05 #5
NielsErikP - Jeg synes det er svært at finde en hjemmeside hvor jeg kan lære det hele. Det er lang tid siden jeg sidst har leget i HTML som sagt, så jeg kunne godt bruge noget opfriskning. Det samme i CSS.

Kunne godt tænke mig sådan en opbygning som det billede jeg lavede i paint, men jeg savner noget basal viden. Lige nu prøver jeg mig bare frem... Uden det meste held.
Avatar billede olebole Juniormester
16. marts 2012 - 17:16 #6
Som sagt bør du under alle omstændigheder validere dine dokumenter. Så vil du fange de mest åbenlyse fejl - herunder at have et billede liggende i HEAD elementet
Avatar billede mbs- Nybegynder
16. marts 2012 - 18:58 #7
http://mbstech.dk/test/index7.html - det ser okay ud nu hvis jeg ser det på min computer, men igen hvis jeg gør vinduet mindre, ser det helt fucked ud.

Jeg må prøve og læse lidt videre. Har kigget lidt på http://www.w3schools.com - er bare lidt træt af at det ikke er dansk.
Avatar billede olebole Juniormester
16. marts 2012 - 19:11 #8
Valider nu din kode! Hvis du skriver invalid kode, kan du ikke regne med, at noget somhelst virker.

W3schools.com er et af de værste steder at hente informationer om webkode. Sitet er fyldt med mangler, misforståelser og alvorlige fejl
Avatar billede mbs- Nybegynder
16. marts 2012 - 19:19 #9
Ahh... Jeg tror denne side hjælper

http://www.quirksmode.org/css/position.html

Kan se at hvis jeg ændre det til relative, bliver de bokse stående hvor de er. Når jeg laver vinduet mindre, kommer der side og bund scroll bar som jeg kan kører til siden.
Avatar billede mbs- Nybegynder
16. marts 2012 - 19:21 #10
Avatar billede olebole Juniormester
16. marts 2012 - 19:22 #11
Hvorfor i alverden stiller du spørgsmål på Eksperten, når du overhovedet ikke læser de kommentarer, vi lægger?
Avatar billede mbs- Nybegynder
16. marts 2012 - 19:24 #12
Jeg synes ikke rigtig i er kommet med nogle ordentlig svar? Der blev sagt at det skulle bygges i div. Hvad er det lige siden er bygget op i?

Og hvis du mener at W3schools.com er en dårlig side, kan du vel komme med en anden som der er brugelig?
Avatar billede mbs- Nybegynder
16. marts 2012 - 19:26 #13
Prøv og se mit tidligere svar. Den ligger ikke på index5.html længere. Den ligger på index7.html. Har skrevet link længere oppe.
Avatar billede olebole Juniormester
16. marts 2012 - 19:34 #14
Når jeg ser kildekoden i IE, står der:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <SCRIPT language="JavaScript">
    <!--
    height = screen.height;
    width = screen.width;
    res = document.getElementById ('resolutionNumber');
    res.innerHTML = width + " X " + height;
    if (res == null)
    {
    alert ("hello");
    }
    //-->
    </SCRIPT>
    <head>
    <title>Tra</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="ny.css">
    <img title="Top header" alt="" src="header.png">
    </head>
    <body>


    <div class="bl-right"><div class="br-right"><div class="tl-right"><div class="tr-right">
    Lorem ipsum dolor sit amet consectetur adipisicing elit
    </div></div></div></div>
    <div class="clear-right">&nbsp;</div>

    <div class="bl-left"><div class="br-left"><div class="tl-left"><div class="tr-left">
    Lorem ipsum dolor sit amet consectetur adipisicing elit
    </div></div></div></div>
    <div class="clear-left">&nbsp;</div>

    <div class="bl-rightb"><div class="br-rightb"><div class="tl-rightb"><div class="tr-rightb">
    Lorem ipsum dolor sit amet consectetur adipisicing elit
    </div></div></div></div>
    <div class="clear-rightb">&nbsp;</div>

    <div class="bl-leftb"><div class="br-leftb"><div class="tl-leftb"><div class="tr-leftb">
    Lorem ipsum dolor sit amet consectetur adipisicing elit
    </div></div></div></div>
    <div class="clear-leftb">&nbsp;</div>

    </body>
    </html>

Det er ikke en valid kode. Hvad der sker, når du validerer via URL'en skal jeg ikke kunne sige - men et eller andet sært sker der! Det er ikke den kode, du validerer med det ovenstående link.

Den DTD, du bruger, disabler store og meget vigtige dele af CSS i Explorer. Brug i stedet denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

- så kan du nogenlunde stole på, at din CSS virker ens i forskellige browsere.

Desuden bør du altid have JavaScript fejlmeddelelser slået til. Ellers kan du ikke udvikle JS. Dit nuværende JavaScript smider således fejl.

SitePoint er et udmærket site om webkode. Derudover har W3C en god wiki om emnet - men ingen af delene er i Pixi format.
Avatar billede olebole Juniormester
16. marts 2012 - 19:39 #15
Okay, nu kan jeg se, at koden i din index7.html har ændret sig. Nu er koden valid - men du bruger stadig en DTD, der ikke understøtter CSS i IE. Prøv at se siden i Firefox, hvor den ser helt anderledes ud  *o)
Avatar billede mbs- Nybegynder
03. maj 2012 - 11:05 #16
Har tidligere skrevet til dem der driver siden, at jeg gerne vil ha fjernet mine svar som jeg har hængende ude. Har ikke fået svar, og vil nu ha dem væk.

- Det er sikkert den forkerte løsning, men jeg er træt af at folk kan se at jeg har point ude. Har oplevet at hvis jeg opretter en ny tråd, får jeg en besked ala "Ehrm, hvad med alle de andre spørgsmål du har" eller "Du har point ude"

Synes det er et problem at man ikke bare kan nulstille det?
Avatar billede keysersoze Ekspert
03. maj 2012 - 11:23 #17
Selvfølgelig kan du ikke nulstille det - så længe du har spørgsmål åbne har du point ude, har du mange spørgsmål åbne har du mange point ude og det er der for så vidt intet galt i, men har spørgsmålene "glemt" fra din side reagere folk. At beholde point selv i tråde hvor flere brugere har ydet hjælp gør så nok heller ikke renomeet bedre...
Avatar billede mbs- Nybegynder
03. maj 2012 - 16:51 #18
Lige præcis i denne tråd, har jeg ikke fået noget hjælp. Mener også selv jeg har mit på det rene, når jeg for lang tid siden har kontaktet dem der driver siden.
Avatar billede keysersoze Ekspert
03. maj 2012 - 17:53 #19
Hvis du ikke har fået hjælp skyldes det ene og alene at du ikke selv vender tilbage på de 2 seneste tråde - dette er ikke et magisk sted hvor man får løst sine problemer bare man opretter et spørgsmål, det er hjælp til selvhjælp.
Avatar billede mbs- Nybegynder
03. maj 2012 - 20:08 #20
Magisk nok, så har jeg faktisk også løst det selv.
Avatar billede keysersoze Ekspert
03. maj 2012 - 20:12 #21
du er dygtig!
Avatar billede keysersoze Ekspert
03. maj 2012 - 20:13 #22
... så bare husk at luk dette spm også; http://www.eksperten.dk/spm/962305
Avatar billede mbs- Nybegynder
03. maj 2012 - 20:48 #23
En smule irriterende er du da slet ikke skal du tro. Du vil ha at jeg skal lukke det med det samme simpelthen? Se hvornår jeg har oprettet det!

Jeg er sku godt klar over at alting ikke bliver serveret her. Har brugt det i mange år, men med store mellemrum. Ja, plejer at klare mig selv om man vil. Men når jeg sjældent har brug for hjælp, bliver der tit oprettet en 3-4 tråde, også kan det være jeg ikke bruger eksperten i et halvt års tid.

Skal nok overveje om jeg skal gøre dig glad, og vælge et helt andet fora næste gang.
Avatar billede keysersoze Ekspert
03. maj 2012 - 22:05 #24
Jeg har skam set at det er et relativt nyt spm - men det omhandler jo i bund og grund det samme som dette og det havde du jo fået løst selv...

Jeg er jo ikke ude på at pisse dig af eller nedgøre dig eller dit arbejde - men du kommer selv ind på hvordan folk reagerer over for dig og når så samtidig du ikke selv vender tilbage på dine problemstillinger i 1½ måned og så bare pludselig lukker er det total mangel på respekt og spild af tid for andre menneskers frivillige arbejde for at hjælpe dig, det kan da ikke overraske at nogle så kommer med reaktioner.
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