Gå til innhold

[LØST] Hjemmeside og overlapping ved liten oppløsning

skidd

Av skidd
i Programmering og webutvikling

Anbefalte innlegg

skidd

skidd

Skrevet
Skrevet (endret)

Hei.

 

Jeg har nå laget en hjemmeside, men når du f.eks har en oppløsning på 1024 x 768 så blir det overlapping på skjermen, noen ideer hvordan jeg kan på en måte feste/låse de tingene på siden sånn det blir på den plassen det ligger for sånn at då de som bruker lav oppløsning så må de scrolle istede for å slippe overlappingen på hjemmesiden?

 

bruker adobe dreamweaver CS3.

 

å en annen ting, hvordan få til sånn at man kan gå inn på den siden via mobil uten å få noen problemer?

 

Takk :thumbup:

Endret av skidd
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
skidd

skidd

Skrevet
  • Forfatter
Skrevet

Kunne du ha lagt ut koden, så er det litt lettere å hjelpe deg.

 

Det er en div tag med scroll i, ser ut som det er bare den som beveger seg til venstre vist man endrer størrelsen på siden.

 

______________________________________________________________

 

<div class="scrollstyle1">

<table width="100%" height="37" border="1">

<tr>

<td bgcolor="#000000"><span class="style1"><img src="../Nyheter fra 909.jpg" alt="" width="323" height="53" /></span></td>

</tr>

</table>

<p>Nyheter</p>

<p> </p>

<p>Nyheter</p>

<p> </p>

<p>Nyheter</p>

<p> </p>

<p>Nyheter</p>

<p> </p>

<p>Nyheter</p>

<p> </p>

<p>Nyheter</p>

</div>

 

her er fremsiden, og det er den boksen til høyre på siden som flytter seg mot midten om du endrer størrelsen på siden/nettleseren.

 

909motorsport.no/test1.html

Lenke til kommentar
InsertNumLock

InsertNumLock

Skrevet
Skrevet (endret)

Hmm. Skal ta en titt.

 

lagre alt før du begynner å teste ut nå..

 

Men det jeg gjorde nå for å få det til å fungere var å først sette tabel width til 1000px

 

<body>
<table width="1000px" height="181%" border="1">

 

 

Deretter fjerner du <div class="scrollstyle1"></div> fra følgende sted.

 

      <p align="center">Vi er nå hovedimportør av Powerflex foringer.</p>

     <p align="center">For full oversikt, trykk på Powerflex logoen.</p>
Fjern-->     <div class="scrollstyle1"></div>  <--Fjern
     <div class="Scrollstyle2">

 

 

Så redigerer du css.

Finn .scrollstyle1

 

her skifter du position til relative og setter top til top:-75px;

 

Edit: Forøvrig så ville jeg kvittet meg med tabellene og kjørt divs i steden.

Endret av Hille
Lenke til kommentar
skidd

skidd

Skrevet
  • Forfatter
Skrevet

Hmm. Skal ta en titt.

 

lagre alt før du begynner å teste ut nå..

 

Men det jeg gjorde nå for å få det til å fungere var å først sette tabel width til 1000px

 

<body>
<table width="1000px" height="181%" border="1">

 

 

Deretter fjerner du <div class="scrollstyle1"></div> fra følgende sted.

 

      <p align="center">Vi er nå hovedimportør av Powerflex foringer.</p>

     <p align="center">For full oversikt, trykk på Powerflex logoen.</p>
Fjern-->     <div class="scrollstyle1"></div>  <--Fjern
     <div class="Scrollstyle2">

 

 

Så redigerer du css.

Finn .scrollstyle1

 

her skifter du position til relative og setter top til top:-75px;

 

Edit: Forøvrig så ville jeg kvittet meg med tabellene og kjørt divs i steden.

 

 

såg bra ut det der, men den andre vil overlappe nå siden den er satt til absolute å ikke relative, prøver jeg meg på relative på den så blir det forskyvd nedover. men, når du bare bruker div's går det and å ha 2 stk div's på fremsiden med bilder i midten som jeg hadde uten at ting blir overlappet?

Lenke til kommentar
skidd

skidd

Skrevet
  • Forfatter
Skrevet (endret)

Satte du på top:-75px ?

 

Da blir den trokket opp.

 

 

Tok bare og fjernet alt å gjore det på en annen måte.

 

909motorsport.no/test1.html

 

Edit: du må kansje oppdatere siden etter du har gått inn for at endringene skal tas i bruk.

 

takk for hjelpa :thumbup:

 

jeg vet at visst man går inn på f.eks vg.no på pc og på mobil så blir ikke det helt det samme, vet du om der er noen måte å gjøre nettsiden kompatibel med mobiltelefoner?

Endret av skidd
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...