Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
FuLu

FuLu

Skrevet
Skrevet (endret)

Du har margin top satt i #footer, bytt til denne istedet: margin: 0px 0px 5px 0px; (det bugger fortsatt i Opera, men IE er nå lik FF)

 

Så er det ikke noe som heter float: bottom eller top, du har bare left og right, så fjern den float i #footer og #top.

 

Edit fixa så det så likt ut i alle(3) browserne:

#top {
width: 748px;
height: 100px;
background: #3399FF;
border: 1px solid white;
margin-top: 20px;
}
#left {
   float: left;
   width: 140px;
background: #3399FF;
   border: 1px solid white;
   margin: 5px 0px;
min-height: 400px;
height: auto !important;
 height: 400px;
}

#center {
   float: left;
width: 454px;
background: #3399FF;
   border: 1px solid white;
   margin: 5px;
text-align: left;
min-height: 400px;
height: auto !important;
 height: 400px;
}

#right {
   float: right;
   width: 140px;
background:#3399FF;
   border: 1px solid white;
   margin: 5px 0px;
min-height: 400px;
height: auto !important;
 height: 400px;
}
#footer {
width: 748px;
background: #3399FF;
border: 1px solid white;
clear: both;
}

Endret av FuLu
Lenke til kommentar
Doffar

Doffar

Skrevet
Skrevet

Tusen takk FuLu og PC... Jeg har blitt litt klokere nå :yes:

 

Men det er fortsatt noe bug i IE..

1. left-diven ligger 1px lenger mot venstre enn top-diven..

2. right-diven ligger 1px lenger mot høyre enn top-diven..

3. mellomrommet mellom midlle-diven og right-diven er ikke 5px..

 

Hvordan skal jeg få det fikset?

 

Jeg har lik css-kode som FuLu la inn lenger opp.

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet
Hvilken versjon av IE har du? For her så er det ikke noe bugs i IE 6... hmm

Ikke bugs i IE 6? :hmm:

Fra min synsvinkel virker de fleste IE som en stor bug.. :ermm:

Yeah yeah mr wise guy :tease: Er klar over at IE kan skape problemer, men her fixer jeg CSS'en til Doffar og den fungerte riktig her lokalt hos meg, både i IE, Opera og FireFox. Men at han fikk nye problemer som ikke jeg fikk klarer jeg ikke helt fatte hvorfor. For hvis koden er identisk og samme nettleser (IE6), så burde jeg og sett den feilen her.

Lenke til kommentar
Doffar

Doffar

Skrevet
Skrevet (endret)

En annen ting. Padding.

 

Jeg satt padding på middle-diven..

 

I IE ble det slik jeg ville, at teksten fikk marg..

 

Men i FF ble right-diven dyttet under middle-diven.. Det ble marg men istedenfor å flytte noen ord til neste linje så tok FF og utvidet diven..

 

Hvordan fikser jeg dette??

 

Doffar

Endret av Doffar
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet
En annen ting. Padding.

 

Jeg satt padding på middle-diven..

 

I IE ble det slik jeg ville, at teksten fikk marg..

 

Men i FF ble right-diven dyttet under middle-diven.. Det ble marg men istedenfor å flytte noen ord til neste linje så tok FF og utvidet diven..

 

Hvordan fikser jeg dette??

 

Doffar

Nå begynner jeg å lure litt :hmm: heh, den feilen du nevner nå, som bare skulle være i FF, får jeg også i IE :confused:

 

Uansett, problemet er at width er satt. Når du adder padding, border og margin på et element som har width, så må du og endre width. Hvis div'en skal være 200px bred, og du setter margin: 0 5px; (betyr at left og right edge skal ha 5px margin), samt om du setter padding: 5px; (alle edges har 5px padding), så blir faktisk div'en 220px bred. Fordi left-margin + right-margin + left-padding + right-padding = 20px, og dette blir lagt til i width, blir width 200 + 20 = 220px;

 

Border bredden har samme effekt her og.

 

Hmm, du sier du har IE6, er det windows xp? Synes det er rart du får annet resultat, men kanskje M$ har oppdatert noe i browseren i SP2...

Lenke til kommentar
g0mpen

g0mpen

Skrevet
Skrevet

Litt OT men jeg satt og spilte CoD, og plutselig fikk jeg ekko! Jeg har ekko på alt; mp3, msn, alle slags lyder, og det er GANSKE irriterende! Er det noe jeg ahr trykket på? En slags hemmelig tastekombinasjon? Hvordan kan jeg fikse det? Dette har skjedd en gang før, jeg visste ikke hva jeg skulle gjøre så jeg installerte da alle drivere på nytt, det vil jeg helst unngå! :dontgetit:

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet (endret)
Jeg har win xp men tror ikkejeg har sp2.

 

Jeg får bare feilen i FF..

 

Jeg tester det du sa..

 

Nå funker det fint i FF men i IE det blir stort mellomrom mellom midlle-diven og right-diven..

Ser feilen du får i IE5.5, men fortsatt ser det helt likt ut i IE6 min som det gjør i FF nå, hmm. Skal prøve å se på CSS'en så den vil fungere for IE5.5 jeg har her, kanskje det vil løse seg for deg og ;)

 

Dette er ingen løsning, for det fungerte ikke som det skulle i IE6, mens IE5.5 ser helt flott ut nå, blir det ok for deg og i din IE?

 

Ha dette i din #center: width: 414px !important; width: 470px;

Endret av FuLu
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

Doffar, putt dette inni <head></head> så jeg kan researche litt ;)

<script type="text/javascript">
<!--
alert(navigator.appVersion);
-->
</script>

 

Så reloader du siden din og du skal få opp en alert boks. Mens du har den boksen oppe, trykker du bare ctrl+c, så lukker du den.

 

Går inn på forumet her igjen og trykker ctrl+v i en ny post eller noe her.

 

Jeg får dette i min IE6:

---------------------------

Microsoft Internet Explorer

---------------------------

4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

---------------------------

OK

---------------------------

Lenke til kommentar
Doffar

Doffar

Skrevet
Skrevet (endret)

---------------------------

Microsoft Internet Explorer

---------------------------

4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

---------------------------

OK

---------------------------

 

Det står ikke SV1; hos meg

 

Med: #center: width: 414px !important; width: 470px;

så funket det...

 

men left og right-divene ligger fortsatt 1px utenfor top-diven..(er ikke så lett å se)

Endret av Doffar
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet
---------------------------

Microsoft Internet Explorer

---------------------------

4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

---------------------------

OK

---------------------------

 

Det står ikke SV1; hos meg

 

Med: #center: width: 414px !important; width: 470px;

så funket det...

 

men left og right-divene ligger fortsatt 1px utenfor top-diven..(er ikke så lett å se)

Hmm, sorry mate, men dette krever litt mer grubling. Som jeg forstår det, så er det faktisk forskjell på rendring i IE6 med SV1 token (Security Version 1) og den IE6 før SP2 i XP. For din IE6 oppfører seg som min IE5.5. Og hvis det er tilfelle, så kommer jeg til å bli max forvirra med hvilken CSS kode/hack jeg nå skal bruke for IE :cry:

 

Men ja, i IE5.5 så ser jeg det du sier, at right og left DIV'ene er 1px litt lengre vekk til siden enn header. Mens din IE6 som sagt viser feil, så viser min IE6 SV1 riktig.. :hmm:

Lenke til kommentar
Doffar

Doffar

Skrevet
Skrevet (endret)

Hvis du blir forvirret. Hva skal en n00b som meg bli da??

:cry::cry::dontgetit:

 

Men er det ikke en måte html og css skal vises på... Etter noen bestemte regler..

Og hvorfor blir det da forskjell i IE og FF osv.? Noen som ikke følger reglene?

 

Nå innstallerte jeg SP2 og da ble det:

---------------------------

Microsoft Internet Explorer

---------------------------

4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

---------------------------

OK

---------------------------

og det ser helt fint ut

Endret av Doffar
Lenke til kommentar
g0mpen

g0mpen

Skrevet
Skrevet
Litt OT men jeg satt og spilte CoD, og plutselig fikk jeg ekko! Jeg har ekko på alt; mp3, msn, alle slags lyder, og det er GANSKE irriterende! Er det noe jeg ahr trykket på? En slags hemmelig tastekombinasjon? Hvordan kan jeg fikse det? Dette har skjedd en gang før, jeg visste ikke hva jeg skulle gjøre så jeg installerte da alle drivere på nytt, det vil jeg helst unngå! :dontgetit:

Takk gud for restore defaults! :love:

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
×
×
  • Opprett ny...