Internet/E-business hjælp div.

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Michael Bay Sørensen — Sat, 05 May 2012 23:25:02 GMT

Mange tusind tak. Det vil jeg gå igang med at læse med det samme.

Thomas Bang Petersen:

Michael Bay Sørensen:
Men jeg vil gerne hører mere omkring Google Fonts. Kan du uddybe?

Du vælger den/de fonte du vil bruge, får noget kode som du skal indsætte på din side, og så kan du vælge fonten i din CSS.

Google har lavet en wizard her: http://www.google.com/webfonts#HomePlace:home

Når du har valgt skrifttypen, så kan du vælge "use" (nederst i højre hjørne), så er der en guide til, hvilke koder du skal skrive hvor.

Et godt råd er kun at bruge en eller to skrifttyper - både ud fra typografisk synspunkt, men også ud fra ønsket om at siden skal loade nogenlunde hurtigt.

MVH

Thomas

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Anonymous — Sat, 05 May 2012 19:46:16 GMT

Michael Bay Sørensen:
Men jeg vil gerne hører mere omkring Google Fonts. Kan du uddybe?

Du vælger den/de fonte du vil bruge, får noget kode som du skal indsætte på din side, og så kan du vælge fonten i din CSS.

Google har lavet en wizard her: http://www.google.com/webfonts#HomePlace:home

Når du har valgt skrifttypen, så kan du vælge "use" (nederst i højre hjørne), så er der en guide til, hvilke koder du skal skrive hvor.

Et godt råd er kun at bruge en eller to skrifttyper - både ud fra typografisk synspunkt, men også ud fra ønsket om at siden skal loade nogenlunde hurtigt.

MVH

Thomas

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Michael Bay Sørensen — Sat, 05 May 2012 18:07:01 GMT

Jeg har også skiftet fra den til Calibri, og Tahoma. De er lidt mere sikre at bruge.

Men jeg vil gerne hører mere omkring Google Fonts. Kan du uddybe?

J. Deleuran:
font-family : 'Gloria Hallelujah', cursive; Du bør ikke bruge en font declaration, med en ukendt font som denne, hvis du vil bruge specielle font, så prøv med google fonts, som hentes ind dynamisk.

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Michael Bay Sørensen — Sat, 05 May 2012 18:04:59 GMT

Det var også et problem, men det er det ikke mere. Har dog ikke rettet det på den side jeg har vist til jer. Det er faktisk bare en skitse over hvordan den kommer til at se ud. Jeg har en side, hvor jeg har mere content på - men den holder jeg lige hemmelig og der har jeg mange grunde :)

Men jeg har taget det til efterretning og fået rettet det til 980, i stedet for 1000. Tusind tak for at gave mig opmærksom på det.

DesignYOU:

Michael Bay Sørensen:
For katten mand! Teddy du er min redning :) Det ser sku ud til at virke nu.

Har jeg misforstået dit problem? Jeg forstår det sådan du har problemer med side scoll på siden? For det første hvis du vil optimere til 1024x768 så er bredden max 980px da du skal trække scroll bare fra ... så din side har stadig side scoll hvis det var problemet.....

/allan

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Jan Deleuran — Sat, 05 May 2012 16:50:13 GMT

font-family : 'Gloria Hallelujah', cursive; Du bør ikke bruge en font declaration, med en ukendt font som denne, hvis du vil bruge specielle font, så prøv med google fonts, som hentes ind dynamisk.

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

DesignYOU - Allan Hansen — Sat, 05 May 2012 16:36:26 GMT

Michael Bay Sørensen:
For katten mand! Teddy du er min redning :) Det ser sku ud til at virke nu.

Har jeg misforstået dit problem? Jeg forstår det sådan du har problemer med side scoll på siden? For det første hvis du vil optimere til 1024x768 så er bredden max 980px da du skal trække scroll bare fra ... så din side har stadig side scoll hvis det var problemet.....

/allan

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Michael Bay Sørensen — Sat, 05 May 2012 14:56:34 GMT

For katten mand! Teddy du er min redning :) Det ser sku ud til at virke nu.

#topRamme {
background : url(ramme.png) repeat-x;
height : 50px;
width : 100%;
min-width: 1024px;
}

http://mbstech.dk/test/

Jeg gir den største øl i lufthavnen. Bare lige giv mig besked inden :P

Teddy Carlsen:

Sad lige og legede med det og har fundet en mulig løsning.

Hvis du giver den øverste div der skal fylde hele breden 100% med en min-width der er det samme som den totale brede af de følgende divs, så burde det virke.

Teddy

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Michael Bay Sørensen — Sat, 05 May 2012 13:54:36 GMT

Takker for de mange svar. Jeg går igang med det samme med det inputs i har givet.
Siden er et udkast til hvordan det kommer til at se ud. Opbygningen er dog den samme.
Det ser sikkert lidt sjovt ud, fordi jeg egentlig blot har prøvet mig frem med kodningen, efter en 3-4 års pause. Det forklarer sikkert en del :P

Hvis det glipper helt, så kunne jeg godt tænke mig at en kiggede på det, og rodede lidt op i det :)

- Har været til konfirmation hos min fætter i går, og derfor er jeg lidt brugt i dag. Vender tilbage om et par timer...

/Peace

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Teddy Carlsen — Fri, 04 May 2012 15:05:08 GMT

Sad lige og legede med det og har fundet en mulig løsning.

Hvis du giver den øverste div der skal fylde hele breden 100% med en min-width der er det samme som den totale brede af de følgende divs, så burde det virke.

Teddy

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Teddy Carlsen — Fri, 04 May 2012 13:56:50 GMT

Det er ikke scrollbaren der er problemet, og alle div er lukket rigtig, ellers vill siden ikke validere. Men noget kode hygiejen ville være dejligt.

Det kunne også være en ide med en bedre struktur på div, bla med en overordnet wrapper som foreslået.

Teddy

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

DesignYOU - Allan Hansen — Fri, 04 May 2012 03:34:06 GMT

Se dette billede:

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

DesignYOU - Allan Hansen — Fri, 04 May 2012 03:21:54 GMT

Michael Bay Sørensen:
Ydermere har jeg lavet en hurtig paint illustration over hvad jeg mener. http://peecee.dk/upload/view/364776

Hvis du vil bygge sådan en side som ikke har side scroll i 1024 så skal du nok bygge det lidt anderledes og mere simpelt.

.sitewrapper{
    width: 100%;
    margin: 0;
    padding: 0;
text-align:center;
}
.contentwrapper{
    width: 980px;
    margin: 0px auto; <------ centrer siden
    padding: 0;
    position:relative; <---- tillader dig at bruge position: absolute inden for de 980px
}

</div>

Din contentwrapper vil ikke give sidescroll i 1024 håber det kan hjælpe ;)

/allan

PS hvis du mener det er nogle andre ting der give den side scroll så er der en fin metode, sæt border på i forskellige farver så kan du se hvad der fylder for meget ....!

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Jens Andersen — Thu, 03 May 2012 22:59:05 GMT

Hej Michael

Det ser ud som om du har en masse div'er der ikke lukker rigtigt.

Jeg prøvede at lave et par ændringer i både html og css, men det er lidt svært at overskue
da jeg ikke ved hvilke div'er der hører sammen og hvilke der er inde i andre osv.

Jeg vil gerne hjælpe, men så skal jeg vide hvad ideen med koden er.

Send mig evt en PM (privat besked)

Mvh Jens

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Gita Street — Thu, 03 May 2012 21:57:51 GMT

Teddy Carlsen:

Prøv at block Js ud og fjern det store hvide billed, og event tilhørende div.

Jeg tror det er det der gør det.

Jeg kan kun være fuldt ud enig. Der er alt for meget gejl i form af de der M3 stickers som ikke giver en god melding udover andre åbenltse fejl jeg har påpeget. Hvis der skal findes fejl gælder det om at udelukke en masse cirkus, og det er der her.

Svar: Hjemmeside hjælp. "Div" ændrer selv efter skærmopløsning

Teddy Carlsen — Thu, 03 May 2012 20:23:53 GMT

Så fand jeg ud af at genskabe fejlen, og den er der i opera, IE og FF.

Prøv at block Js ud og fjern det store hvide billed, og event tilhørende div.

Jeg tror det er det der gør det.

Teddy