Siden er forskjellig i IE og Opera

[anderlin]

Siden min er http://anderlin.dyndns.org/~anderlin/index.php. I Mozilla er den slik jeg har tenkt det, men i Explorer og Opera er den forskjellig.

 

- Kantene øverst og til venstre går ikke helt ut til høyre/helt ned.

- Kanten rundt bildet er blå (IE), eller borte (Opera)

 

 

Finnes det noen fine linker for hvordan man løser slikt?

 

Og en ting til: Hvis man scroller på siden min, er kantene hvite der man ikke har vært. Finnes det en måte å få dem til å gå lenger ned på?

 

btw.: Kom gjerne med kommentarer på designet, men det er ikke ferdig. Innholdet er mest som illustrasjon.

 

Har prøvd å søke, men vet ikke helt hva nøkkelordene er...

Endret 29. mars 2004 av anderlin

[Loomy]

For å fikse border rundt bildene:

img { 
border:0px; 
}

 

 

Antar at "kantene" øverst og til venstre er et bakgrunnsbilde? I så fall kan du prøve å sette height og width til 100%. et skudd i blinde, men kanskje det funker

[jorgis]

Hvis du lager et utsnitt av "kantene", som er 1px høy, og spenner fra venstre til høyre i kanten, kan du bruke

 

background-repeat:repeat-y; <-- For den til venstre

background-repeat:repeat-x; <-- For den på topp

 

EDIT: Du bør forresten sette litt padding på den systeminfo-dingsen.

Endret 29. mars 2004 av jorgenindahouse

[anderlin]

Takker for svar! Jeg skjønte ikke helt hva du mente, jorgenindahouse. Kunne du forklart litt mer?

 

Prøvde med width: 100%; men da ble bildet/rammen/kanten øverst alt for bred.

 

I index.php:

<div class="hoyreTopp"></div>

I style.css:

.hoyreTopp {    position: absolute;
               background-image: url(grafikk/toppHoyre.gif);
               background-repeat: repeat-x;
               // width: 100%; Prøvde dette, men da ble den mye bredere enn siden.
               top: 0px;
               right: 0px;
               left: 729px;
               height: 141px;
               background-color: #A3A3A3;
}

Skjønner ikke helt hva IE kan misforstå med dette... Er det andre måter i gjøre det på? Så kunne jeg prøvd meg frem, og evt laget en egen css-fil for IE.

[Marvil]

Det med;

 

background-repeat:repeat-y;

background-repeat:repeat-x;

 

Betyr at den blir repetert i en retning. X verdien betyr at den skal gjentas bortover, mens Y verdien sier at den bare skal gjentas nedover. Verdien "no-repeat" er også noe, men ikke i denne sammenhengen.

 

Din kode må vel bli;

background-image: url(grafikk/toppHoyre.gif) repeat-x;

ellerno..?

 

Border blir som sagt fiksa ved denne;

img { 
border:0px; 
}

Det med scrollen skjønte jeg ikke og jeg får eller ikke scroll på noen av sidene så..

[anderlin]

Det med scrollen skjønte jeg ikke og jeg får eller ikke scroll på noen av sidene så..

Det er fordi jeg tok det vekk. Prøv igjen nå.

[Marvil]

Det med scrollen skjønte jeg ikke og jeg får eller ikke scroll på noen av sidene så..

Det er fordi jeg tok det vekk. Prøv igjen nå.

Skjønner fremdeles ikke hva du snakker om..

 

Men du fikk til x-repeaten vertfall..

[anderlin]

Border blir som sagt fiksa ved denne;

img { 
border:0px; 
}

Men jeg vil jo ha ramme! Vel, min feil. Uansett, nå ser det slik ut:

 

style.css:

.bilde {        border-width: 1px;
               border-color: black;
}

index.php:

<img class="bilde" src="grafikk/powered-by-apache.jpg" alt="powered-by-apache.jpg">

 

Rammen er der i IE og Mozilla, men ikke i Opera. Hvorfor?

[anderlin]

Det med scrollen skjønte jeg ikke og jeg får eller ikke scroll på noen av sidene så..

Det er fordi jeg tok det vekk. Prøv igjen nå.

Skjønner fremdeles ikke hva du snakker om..

 

Men du fikk til x-repeaten vertfall..

Det skjønner jeg ikke. Jeg får at bakgrunnen går langt ut til høyre i XP med FireFox 8, IE 6, og Opera 7.23. Har ikke testet flere. hvilken er det du bruker?

[Marvil]

Dropp ramme på Valid CSS og HTML. Det er jo en transparent GIF og ser ikke helt bra ut med ramme..

 

Gjør om de 88.31 knappene til GIF

 

Aner ikke hvorfor Opera ikke viser border..

 

.bilde {
border: 1;
border-width: 1px;
border-color: black;
}

kanskje, men aner ikke..

[Marvil]

Det med scrollen skjønte jeg ikke og jeg får eller ikke scroll på noen av sidene så..

Det er fordi jeg tok det vekk. Prøv igjen nå.

Skjønner fremdeles ikke hva du snakker om..

 

Men du fikk til x-repeaten vertfall..

Det skjønner jeg ikke. Jeg får at bakgrunnen går langt ut til høyre i XP med FireFox 8, IE 6, og Opera 7.23. Har ikke testet flere. hvilken er det du bruker?

IE6. Gidder ikke teste i FireFox 8 om du har gjort det.

[gather]

En god start er å gjøre siden... up to date mot w3's validator tjeneste

Ser du har gjort det.....

 

men dette er sånn gennerelt...

 

Er den etter standardene så er det ikke din feil om det ikke vises likt

[anderlin]

http://www.stud.ntnu.no/~anderlin/bilde.png <-- Viser hva jeg mener med scrollen. Har scrollet litt til høyre for å demonstrere, den starter jo ikke der når jeg åpner siden. Endret 30. mars 2004 av anderlin

[anderlin]

Gjør om de 88.31 knappene til GIF

 

Aner ikke hvorfor Opera ikke viser border..

 

.bilde {
border: 1;
border-width: 1px;
border-color: black;
}

kanskje, men aner ikke..

Tok vekk rammene nå. Takk for tipset. Hvordan merker du forresten at bildene ikke er gif? Kan gjerne gjøre dem om, men er bare nysgjerrig.

 

Jeg prøvde forslaget ditt med ramme (boder: 1;), men Opera sto på sitt. Dessuten klaget w3-validatoren, så jeg fjernet det igjen.

Endret 30. mars 2004 av anderlin

[Marvil]

Hvordan merker du forresten at bildene ikke er gif?

Heh. Kjapp tur i Vis - Kilde mens jeg sjekka noe annet i koden..

De med modem eller ISDN hadde vel merka det på lastingen av bildet.

 

Det med border, får vel vente til noen kodegurer kommer. Satyrium kom på MSN nå, så kan vel håpe han tar en tur innom..