Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE
Log Ind

Forskellig visning af hjemmeside

Side 2 ud af 3 (22 indlæg)
Tilmeldt 7. Oct 12
Indlæg ialt: 141
Fra  Badass Wheels Skrevet kl. 20:35
Hvor mange stjerner giver du? :
Fra Århus
Tilmeldt 17. Oct 10
Indlæg ialt: 500
Skrevet kl. 20:35
Hvor mange stjerner giver du? :

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
Fra Århus
Tilmeldt 17. Oct 10
Indlæg ialt: 500
Skrevet kl. 20:39
Hvor mange stjerner giver du? :

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

Teddy
Fra Brønshøj
Tilmeldt 15. Jun 11
Indlæg ialt: 1191
Fra  Jens Andersen Web-Integration Skrevet kl. 20:42
Hvor mange stjerner giver du? :

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

Redigering og Opdatering af hjemmesider. Responsive Webdesign Hjemmeside? Se YDELSER  Ring for tilbud tlf: 40431253

Tilmeldt 7. Oct 12
Indlæg ialt: 141
Fra  Badass Wheels Skrevet kl. 20:48
Hvor mange stjerner giver du? :

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 :( 
Fra Århus
Tilmeldt 17. Oct 10
Indlæg ialt: 500
Skrevet kl. 20:53
Hvor mange stjerner giver du? :

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
Tilmeldt 7. Oct 12
Indlæg ialt: 141
Fra  Badass Wheels Skrevet kl. 20:55
Hvor mange stjerner giver du? :

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:

#wrapper {
  1. max-width: 1140px;
  2. width: 100%;
  3. margin: 0% auto;
  4. background: #fff;
  5. 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 

 
Tilmeldt 7. Oct 12
Indlæg ialt: 141
Fra  Badass Wheels Skrevet kl. 20:58
Hvor mange stjerner giver du? :

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.

.widgettitle {
  1. font-size: 1.3em;
  2. font-weight: normal;
  3. color: #000;
  4. font-family: 'Verdana', Tahoma, Verdana, Arial;
  5. padding: 0 0 0.5em 0;
  6. border-bottom: 1px solid #001;
  7. width: 55em;
  8. position: absolute;
  9. top: 40em;
  10. left: 20.8em;
}
Selve "knapperne"
.widget ul {
  1. position: relative;
  2. text-indent: 1px;
  3. top: 54em;
  4. left: 26em;
  5. width: 72em;
}

 

Har jeg ret i at det har noget med positioning at gøre?
Fra Århus
Tilmeldt 17. Oct 10
Indlæg ialt: 500
Skrevet kl. 20:59
Hvor mange stjerner giver du? :

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
Fra Århus
Tilmeldt 17. Oct 10
Indlæg ialt: 500
Skrevet kl. 21:03
Hvor mange stjerner giver du? :

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 
Side 2 ud af 3 (22 indlæg)
Bliv gratis medlem pa Amino