Hjælp til salg (Ikke internet)

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Fri, 31 Jan 2014 08:27:49 GMT

Kan du ikke sende mig en PM med den kildekode PHP'en returnere(altså det man ser i browseren), så kan jeg se hvilken del af CSS'en det drejer sig om.

Teddy

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 20:23:02 GMT

Hej Teddy.

Kan jeg ikke lige få din mail adresse. Så kan jeg hurtigere sende dig billeder af tingene osv.

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 20:03:58 GMT

Hov det krydsede hinanden.

Det er ikke det sidste du har sakset, det er på et højere niveau i elementerne det er galt.

Teddy

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 19:59:35 GMT

Det er sådan noget du skal hen til, men det skal ramme det rigtige element ellers virker det ikke.

På billederne ser det ud som om at widgeten ikke ændre størrelse, når resten gør.

Teddy

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 19:58:47 GMT

Beklager, Teddy. Den eneste grund til at jeg ikke kan linke dig direkte til min hjemmeside er fordi at den stadig er under ombygning og ikke er synlig endnu.

Sådan her ser CSS koden ud på mine widgets.

font-size: 1.3em;
font-weight: normal;
color: #000;
font-family: 'Verdana', Tahoma, Verdana, Arial;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #001;
width: 55em;
position: absolute;
top: 40em;
left: 20.8em;

}

Selve "knapperne"

position: relative;
text-indent: 1px;
top: 54em;
left: 26em;
width: 72em;

}

Har jeg ret i at det har noget med positioning at gøre?

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 19:55:38 GMT

Hej Jens

Jeg har prøvet at indsætte noget kode fra et andet forum hvor en bruger havde samme problem med at noget af hans hjemmeside bliver skåret af, når den bliver vist i mindre opløsninger.

Sådan her ser koden ud:

max-width: 1140px;
width: 100%;
margin: 0% auto;
background: #fff;
text-align: left;

}

Men det gjorde ingen forskel.

Sådan her ser det ud på min bærebar.
http://imgur.com/0fM6XBB

Og sådan her på min stationær, som jeg har bygget hele hjemmesiden udfra.
http://imgur.com/UKvtslu

Læg mærke til at det kun er mine 2 widgets på siden der flytter på sig

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 19:53:57 GMT

Dine widgets er ikke stylet til at være responsive.

De skal have en relativ størrelse i forhold til det element de er placeret i, og der er måske også noget med floats.

Et link ville gøre det meget nemmere!!

Teddy

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 19:48:00 GMT

Både min stationær og bærebar kører Chrome, og jeg har sikret mig at zoom funktionen står til standard ved at trykke Ctrl+0.

Beklager linksene ikke virkede. Har uploadet billeder istedet.

Sådan her ser det ud på min bærebar.
http://imgur.com/0fM6XBB

Og sådan her på min stationær, som jeg har bygget hele hjemmesiden udfra.
http://imgur.com/UKvtslu

Det eneste der driller mig, er sku de skide widgets der flytter på syn når opløsningen ændres. Udover det virker resten af min hjemmeside som den skal :(

Svar: Forskellig visning af hjemmeside

Jens Andersen — Thu, 30 Jan 2014 19:42:39 GMT

Hej Mark.

Du kan sørge for at placere hele siden inde i en wrapper, så det eneste der er forskellen fra en stor skærm til en mindre skærm er at der er mere white space uden om selve siden.

Det handler måske om at bruge noget float og noget clear i din css kode, så elementerne tilpasser sig hinanden på den tilsigtede måde.

Hvis du laver en korrekt markup (html) og placerer elementerne i de korrekte forhold til hinanden med css, så vil jeg mene at det ser ud på samme måde i næsten alle browsere og på alle typer pc.

Næste skridt er som andre har nævnt at lave din side responsive. Det kræver dog som regel at du har haft responsive webdesign med i din planlægning fra begyndelsen, fx. hvordan ser det ud på en smartphone eller en tablet? hvilke elemener er væk når hjemmesiden vises på smartphones og så tilbage igen, når den vises på en almindelig PC med stor skærm.

Se mere i mit indlæg på bloggen jawe3log

Håber det giver mening :-)

Venlig hilsen Jens Andersen

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 19:39:26 GMT

De links virker ikke, eller det vil sige at man kan ikke se siden.

Teddy

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 19:35:52 GMT

Hvis det er et købt eller gratis template burde det bruge et reset.

Men hvis det er den samme browser og den eneste forskel er opløsningen, er det ikke pga. CSS reset.

Hvis du styler elementer med faste størrelser, og resten er feksible vil det gå helt i fisk.

Teddy

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 19:35:38 GMT

Jeg fandt en hjemmeside hvor man kan se hvordan forskellige hjemmesider ser ud med forskellige opløsninger.

Her er et link til hvordan min hjemmeside ser ud på min bærebar:
http://quirktools.com/screenfly/#u=http%3A//badasswheels.eu/&w=1600&h=900&a=1&s=1

Og sådan her ser det ud på min stationære PC:
http://quirktools.com/screenfly/#u=http%3A//badasswheels.eu/&w=1920&h=1200&a=1&s=1

Læg mærke til at det kun er mine 2 widgets på siden der flytter på sig

Svar: Forskellig visning af hjemmeside

Andreas Brix — Thu, 30 Jan 2014 19:24:49 GMT

Du skal resette alt css INDEN din egen css. Du tilføjer bare normalize.css INDEN din egen css.

Svar: Forskellig visning af hjemmeside

Teddy Carlsen — Thu, 30 Jan 2014 19:01:43 GMT

Hvis din side er responsive kan du ikke flytte tingene ved at bruge pixel, så vil de kun se rigtigt ud på en bestemt opløsning.

HAr du et link??

Teddy

Svar: Forskellig visning af hjemmeside

Anonymous — Thu, 30 Jan 2014 18:43:44 GMT

Hej Andreas.

Det du siger kan jeg på ingen måde få til at give mening. Hvorfor resette alt CSS når det kun er mig der har haft fingerene i det?