|
| Problem med visningen i IE 6 Fra : mikesav |
Dato : 30-07-08 19:45 |
|
Jeg har for min datter lavet en hjemmeside hun skal bruge til at
erhverve kunder med, problemet er at alle browsere på nær EI 6
viser siden korrekt, og jeg kan virkelig ikke se hvad der er
problemet.
Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
Er der et lyst hovede der kan hjælpe
Siden findes på www.6ologen.dk
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Martin Ploug (30-07-2008)
| Kommentar Fra : Martin Ploug |
Dato : 30-07-08 21:05 |
|
"mikesav" <kim@itopgaver.dk> skrev i meddelelsen
news:4890b6b1$0$90269$14726298@news.sunsite.dk...
> Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> erhverve kunder med, problemet er at alle browsere på nær EI 6
> viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> problemet.
> Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> Er der et lyst hovede der kan hjælpe
> Siden findes på www.6ologen.dk
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials
Hej
Hvor og hvordan præcist viser problemet sig i IE 6?
Jeg har selv IE 7, så jeg kan ikke se det.
Kan du evt uploade et skærmbillede af det eller noget?
Mvh. Martin
| |
mikesav (30-07-2008)
| Kommentar Fra : mikesav |
Dato : 30-07-08 21:42 |
|
Martin Ploug wrote in dk.edb.internet.webdesign.html:
> "mikesav" <kim@itopgaver.dk> skrev i meddelelsen
> news:4890b6b1$0$90269$14726298@news.sunsite.dk...
> > Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> > erhverve kunder med, problemet er at alle browsere på nær EI 6
> > viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> > problemet.
> > Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> > Er der et lyst hovede der kan hjælpe
> > Siden findes på www.6ologen.dk
> >
> > --
> > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > - Pædagogiske tutorials på dansk
> > - Kom godt i gang med koderne
> > KLIK HER! => http://www.html.dk/tutorials
>
> Hej
>
> Hvor og hvordan præcist viser problemet sig i IE 6?
> Jeg har selv IE 7, så jeg kan ikke se det.
>
Jeg vil gerne uploade, men skal først til en anden maskine hvor IE 6
er instaleret på.
Problemet er at kasserne blir flyttet rundt så det hele er rykket,
umidelbart er det kassen med logoet der er problemet, logoet rykker
op øverst, og derefter rykker kasserne helt ånsvagt rundt.
Jeg har gennemgået alle div container og tjekke størrelser for at se
om der skulle være fejl der men har ikke kunne opdage det, jeg vil
snarest uploade det ønskede billede
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Stig Johansen (30-07-2008)
| Kommentar Fra : Stig Johansen |
Dato : 30-07-08 22:35 |
|
"mikesav" <kim@itopgaver.dk> wrote in message
news:4890d22e$0$90276$14726298@news.sunsite.dk...
> Martin Ploug wrote in dk.edb.internet.webdesign.html:
> > "mikesav" <kim@itopgaver.dk> skrev i meddelelsen
> > news:4890b6b1$0$90269$14726298@news.sunsite.dk...
> > > Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> > > erhverve kunder med, problemet er at alle browsere på nær EI 6
> > > viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> > > problemet.
> > > Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> > > Er der et lyst hovede der kan hjælpe
> > > Siden findes på www.6ologen.dk
> > >
> > > --
> > > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > > - Pædagogiske tutorials på dansk
> > > - Kom godt i gang med koderne
> > > KLIK HER! => http://www.html.dk/tutorials
> >
> > Hej
> >
> > Hvor og hvordan præcist viser problemet sig i IE 6?
> > Jeg har selv IE 7, så jeg kan ikke se det.
> >
> Jeg vil gerne uploade, men skal først til en anden maskine hvor IE 6
> er instaleret på.
> Problemet er at kasserne blir flyttet rundt så det hele er rykket,
> umidelbart er det kassen med logoet der er problemet, logoet rykker
> op øverst, og derefter rykker kasserne helt ånsvagt rundt.
> Jeg har gennemgået alle div container og tjekke størrelser for at se
> om der skulle være fejl der men har ikke kunne opdage det, jeg vil
> snarest uploade det ønskede billede
Jeg er ikke ekspert, men jeg vil tro det vil hjælpe hvis du flytter din logo
<div> ned (i HTML'et) hvor den skal vises i stedet for at have den i toppen.
Og så vil jeg gætte på det er din brede "
linkindex" inde i den smalle "felt7", der ødelægger den kasse.
(Til dem der ikke kan se det i IE6 er 'blomsten' øverst, og kasserne er
rykket ned i forhold til, og endvidere er den nederste venstre kasse næsten
dobbelt så bred, så den nederste højre er rykket ned og til venstre)
--
Med venlig hilsen/Best regards
Stig Johansen
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 12:24 |
|
Stig Johansen wrote in dk.edb.internet.webdesign.html:
> "mikesav" <kim@itopgaver.dk> wrote in message
> news:4890d22e$0$90276$14726298@news.sunsite.dk...
> > Martin Ploug wrote in dk.edb.internet.webdesign.html:
> > > "mikesav" <kim@itopgaver.dk> skrev i meddelelsen
> > > news:4890b6b1$0$90269$14726298@news.sunsite.dk...
> > > > Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> > > > erhverve kunder med, problemet er at alle browsere på nær EI 6
> > > > viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> > > > problemet.
> > > > Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> > > > Er der et lyst hovede der kan hjælpe
> > > > Siden findes på www.6ologen.dk
> > > >
> > > > --
> > > > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > > > - Pædagogiske tutorials på dansk
> > > > - Kom godt i gang med koderne
> > > > KLIK HER! => http://www.html.dk/tutorials
> > >
> > > Hej
> > >
> > > Hvor og hvordan præcist viser problemet sig i IE 6?
> > > Jeg har selv IE 7, så jeg kan ikke se det.
> > >
> > Jeg vil gerne uploade, men skal først til en anden maskine hvor IE 6
> > er instaleret på.
> > Problemet er at kasserne blir flyttet rundt så det hele er rykket,
> > umidelbart er det kassen med logoet der er problemet, logoet rykker
> > op øverst, og derefter rykker kasserne helt ånsvagt rundt.
> > Jeg har gennemgået alle div container og tjekke størrelser for at se
> > om der skulle være fejl der men har ikke kunne opdage det, jeg vil
> > snarest uploade det ønskede billede
>
> Jeg er ikke ekspert, men jeg vil tro det vil hjælpe hvis du flytter din logo
> <div> ned (i HTML'et) hvor den skal vises i stedet for at have den i toppen.
>
> Og så vil jeg gætte på det er din brede "
> linkindex" inde i den smalle "felt7", der ødelægger den kasse.
> (Til dem der ikke kan se det i IE6 er 'blomsten' øverst, og kasserne er
> rykket ned i forhold til, og endvidere er den nederste venstre kasse næsten
> dobbelt så bred, så den nederste højre er rykket ned og til venstre)
>
jeg har nu prøvet et par små ting flyttet div ned i min div7 prøvet at slettet
min div med link som lå under div 7, resultat noget kom på plads men den
flytter stadig rund med den relative div boks som indeholder logo
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (30-07-2008)
| Kommentar Fra : Birger |
Dato : 30-07-08 22:43 |
|
mikesav wrote:
> Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> erhverve kunder med, problemet er at alle browsere på nær EI 6
> viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> problemet.
> Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> Er der et lyst hovede der kan hjælpe
> Siden findes på www.6ologen.dk
Validering er ikke nogen garanti for at tingene virker som de skal - kun at
det ikke er kodefejl, der er årsag til at de ikke gør.... ;>)
IE6 har problemer med right og bottom style-attributer - og hvis jeg ikke
husker galt, skal også gives en position, hvis højde og bredde skal anvendes
( attributen position skal angives i css, selv om den er det samme som
default) der er en anden mulighed som hedder et eller andet jeg ikke kan
huske - men den er under alle omstændigheder M$ specifik, så det er bedre at
bruge position:relative i de css definitioner, der anvender højde/bredde.
Kan ikke garantere at det vil hjælpe - men det kunne være en del af
problemet...
Bruger du også right eller bottom, skal der andre midler til - der findes et
fix derude, som er stort og kluntet, og ikke virkert helt rigtigt
alligevel...
--
Birger
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 12:03 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> mikesav wrote:
> > Jeg har for min datter lavet en hjemmeside hun skal bruge til at
> > erhverve kunder med, problemet er at alle browsere på nær EI 6
> > viser siden korrekt, og jeg kan virkelig ikke se hvad der er
> > problemet.
> > Siden er tjekket på W3 validering og godkendt til XHTML 01 strict
> > Er der et lyst hovede der kan hjælpe
> > Siden findes på www.6ologen.dk
>
>
> Validering er ikke nogen garanti for at tingene virker som de skal - kun at
> det ikke er kodefejl, der er årsag til at de ikke gør.... ;>)
>
> IE6 har problemer med right og bottom style-attributer - og hvis jeg ikke
> husker galt, skal også gives en position, hvis højde og bredde skal anvendes
> ( attributen position skal angives i css, selv om den er det samme som
> default) der er en anden mulighed som hedder et eller andet jeg ikke kan
> huske - men den er under alle omstændigheder M$ specifik, så det er bedre at
> bruge position:relative i de css definitioner, der anvender højde/bredde.
> Kan ikke garantere at det vil hjælpe - men det kunne være en del af
> problemet...
> Bruger du også right eller bottom, skal der andre midler til - der findes et
> fix derude, som er stort og kluntet, og ikke virkert helt rigtigt
> alligevel...
>
som du selv beskriver med CSS ogdet andet så er det gjort, jeg har en div der
hedder venstre og i denne div har jeg som relativ placeringplaseret div med
loget i, jeg har prøvet forskellige ting som z index også og det giver heller
ikke noget resultat.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 12:55 |
|
mikesav wrote:
8X
> som du selv beskriver med CSS ogdet andet så er det gjort, jeg har en
> div der hedder venstre og i denne div har jeg som relativ
> placeringplaseret div med loget i, jeg har prøvet forskellige ting
> som z index også og det giver heller ikke noget resultat.
Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
Jeg ser i din css , bla ...
"...
#samlettop {
float: left;
height: 590px;
width: 590px;
}
#felt1 {
float: left;
height: 190px;
width: 190px;
margin-right: 10px;
margin-bottom: 10px;
}
#felt1farve {
float: left;
height: 140px;
width: 170px;
background-color: #ab677d;
padding-right: 10px;
padding-left: 10px;
padding-top: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #FFFFFF;
}
...."
Der er ingen position: angivet...
Det er længe siden jeg har beskætiget mig med IE6's "features" - men jeg
mener altså at kunne huske, at for at placere ting rigtigt, _skal_ angives
position, også selv om det man ønsker er det samme som default.
Hvis man ikke gør det, bliver elementer inden i beregnet og positioneret
forkert.
IE'erne har en "hasContent" - eller noget i den retning - attribute på
elementer, som bestemmer om indholdet placeres efter den eller efter dens
parent. Den er default false, men kan sættes true - Enten ved at gøre det
direkte, eller ved at sætte en position i CSS.
Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne godt være
i hvert fald noget af dit problem, så vidt jeg lige kan se.
--
Birger
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 13:47 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> mikesav wrote:
> 8X
> > som du selv beskriver med CSS ogdet andet så er det gjort, jeg har en
> > div der hedder venstre og i denne div har jeg som relativ
> > placeringplaseret div med loget i, jeg har prøvet forskellige ting
> > som z index også og det giver heller ikke noget resultat.
>
>
> Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
> Jeg ser i din css , bla ...
>
> "...
> #samlettop {
> float: left;
> height: 590px;
> width: 590px;
> }
> #felt1 {
> float: left;
> height: 190px;
> width: 190px;
> margin-right: 10px;
> margin-bottom: 10px;
> }
> #felt1farve {
> float: left;
> height: 140px;
> width: 170px;
> background-color: #ab677d;
> padding-right: 10px;
> padding-left: 10px;
> padding-top: 50px;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> line-height: 15px;
> color: #FFFFFF;
> }
> ...."
>
> Der er ingen position: angivet...
>
> Det er længe siden jeg har beskætiget mig med IE6's "features" - men jeg
> mener altså at kunne huske, at for at placere ting rigtigt, _skal_ angives
> position, også selv om det man ønsker er det samme som default.
> Hvis man ikke gør det, bliver elementer inden i beregnet og positioneret
> forkert.
> IE'erne har en "hasContent" - eller noget i den retning - attribute på
> elementer, som bestemmer om indholdet placeres efter den eller efter dens
> parent. Den er default false, men kan sættes true - Enten ved at gøre det
> direkte, eller ved at sætte en position i CSS.
>
> Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne godt være
> i hvert fald noget af dit problem, så vidt jeg lige kan se.
>
Du har ret i at jeg ikke her bruger positionering, men det er fordi min div
ligger i en div container der hedder Wrap den har tilgengæld en position, hvis
man kan sige auto float left and reight.
#wrap {
width: 678px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
}
Derefter er alle mine diver styret af en float left så de udfylder min Wrap
div.
Men måske har jeg igen bare misforstået dig og dit svar, men det er ideen i
opbygningen. Tilgængæld er det de 2 div container der flyder ved hjælp af
relativ placering der flytter rund med resten, sletter jeg dem ser siden
rigtig ud
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 14:36 |
|
mikesav wrote:
> Birger wrote in dk.edb.internet.webdesign.html:
>> mikesav wrote:
>> 8X
>>> som du selv beskriver med CSS ogdet andet så er det gjort, jeg har
>>> en div der hedder venstre og i denne div har jeg som relativ
>>> placeringplaseret div med loget i, jeg har prøvet forskellige ting
>>> som z index også og det giver heller ikke noget resultat.
>>
>>
>> Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
>> Jeg ser i din css , bla ...
>>
>> "...
>> #samlettop {
>> float: left;
>> height: 590px;
>> width: 590px;
>> }
>> #felt1 {
>> float: left;
>> height: 190px;
>> width: 190px;
>> margin-right: 10px;
>> margin-bottom: 10px;
>> }
>> #felt1farve {
>> float: left;
>> height: 140px;
>> width: 170px;
>> background-color: #ab677d;
>> padding-right: 10px;
>> padding-left: 10px;
>> padding-top: 50px;
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 10px;
>> line-height: 15px;
>> color: #FFFFFF;
>> }
>> ...."
>>
>> Der er ingen position: angivet...
>>
>> Det er længe siden jeg har beskætiget mig med IE6's "features" - men
>> jeg mener altså at kunne huske, at for at placere ting rigtigt,
>> _skal_ angives position, også selv om det man ønsker er det samme
>> som default.
>> Hvis man ikke gør det, bliver elementer inden i beregnet og
>> positioneret forkert.
>> IE'erne har en "hasContent" - eller noget i den retning - attribute
>> på elementer, som bestemmer om indholdet placeres efter den eller
>> efter dens parent. Den er default false, men kan sættes true - Enten
>> ved at gøre det direkte, eller ved at sætte en position i CSS.
>>
>> Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne
>> godt være i hvert fald noget af dit problem, så vidt jeg lige kan se.
>>
> Du har ret i at jeg ikke her bruger positionering, men det er fordi
> min div ligger i en div container der hedder Wrap den har tilgengæld
> en position, hvis man kan sige auto float left and reight.
> #wrap {
> width: 678px;
> margin-right: auto;
> margin-left: auto;
> margin-top: 5px;
> }
>
> Derefter er alle mine diver styret af en float left så de udfylder
> min Wrap div.
> Men måske har jeg igen bare misforstået dig og dit svar, men det er
> ideen i opbygningen. Tilgængæld er det de 2 div container der flyder
> ved hjælp af relativ placering der flytter rund med resten, sletter
> jeg dem ser siden rigtig ud
Umiddelbart er det logoet - blomsten - der placerer sig forkert, og det felt
den skulle sidde i, der har en forkert størrelse i IE6.
Logoet er en png (hvilket vist heller ikke altid er heldigt i IE6), der
sidder i en div "logo", der sidder i en div "venstre", der sidder i din div
"wrap".
Og det skulle være godt nok, og kommer også "rigtigt" ud i IE7 - og i
øøvrigt også i FF.
Der er to ting, jeg ville prøve - evt. hver for sig:
Flyt div'en "logo" til den rigtige placering i kildekoden; den er øverst i
koden, men kommer nederst i visningen.
Giv både "logo" og "venstre" position:relative
Det ser for øvrigt ud for mig, somom dine størrelser aldrig kommer til at
passe sammen - selvom det bliver vist godt nok...
Et lille udklip...
#felt2 {
float: left;
height: 190px;
width: 290px;
margin-bottom: 10px;
}
#felt2farve {
float: left;
height: 140px;
width: 380px;
background-image: url(../images/saschalogo1.jpg);
padding-top: 50px;
padding-left: 10px;
}
<div id="felt2"><div id="felt2farve">
<h1>Sexolog</h1>
<h3>studerende v/Joan Ørting</h3>
</div>
</div>
felt2farve, er 390 x 190 (B x H)
felt2 er 290 x 190 (B x H)
Så felt2farve kan ikke være inde i felt2...
I øvrigt er det temmelig meget spild - du kan nøjes med felt2farve, som du
så selvfølgelig skal give de 10px bundmargen - under forudsætning af, at du
ikke anvender det i andre dokumenter.
Og det gør sig - ved et hurtigt blik, i hvert fald - også gældende ved de
fleste andre af dine felter...
Mener i øvrigt også, at din css kan forkortes væsentligt, hvis du bruger
class i stedet for id.
Birger
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 14:49 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> mikesav wrote:
> > Birger wrote in dk.edb.internet.webdesign.html:
> >> mikesav wrote:
> >> 8X
> >>> som du selv beskriver med CSS ogdet andet så er det gjort, jeg har
> >>> en div der hedder venstre og i denne div har jeg som relativ
> >>> placeringplaseret div med loget i, jeg har prøvet forskellige ting
> >>> som z index også og det giver heller ikke noget resultat.
> >>
> >>
> >> Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
> >> Jeg ser i din css , bla ...
> >>
> >> "...
> >> #samlettop {
> >> float: left;
> >> height: 590px;
> >> width: 590px;
> >> }
> >> #felt1 {
> >> float: left;
> >> height: 190px;
> >> width: 190px;
> >> margin-right: 10px;
> >> margin-bottom: 10px;
> >> }
> >> #felt1farve {
> >> float: left;
> >> height: 140px;
> >> width: 170px;
> >> background-color: #ab677d;
> >> padding-right: 10px;
> >> padding-left: 10px;
> >> padding-top: 50px;
> >> font-family: Verdana, Arial, Helvetica, sans-serif;
> >> font-size: 10px;
> >> line-height: 15px;
> >> color: #FFFFFF;
> >> }
> >> ...."
> >>
> >> Der er ingen position: angivet...
> >>
> >> Det er længe siden jeg har beskætiget mig med IE6's "features" - men
> >> jeg mener altså at kunne huske, at for at placere ting rigtigt,
> >> _skal_ angives position, også selv om det man ønsker er det samme
> >> som default.
> >> Hvis man ikke gør det, bliver elementer inden i beregnet og
> >> positioneret forkert.
> >> IE'erne har en "hasContent" - eller noget i den retning - attribute
> >> på elementer, som bestemmer om indholdet placeres efter den eller
> >> efter dens parent. Den er default false, men kan sættes true - Enten
> >> ved at gøre det direkte, eller ved at sætte en position i CSS.
> >>
> >> Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne
> >> godt være i hvert fald noget af dit problem, så vidt jeg lige kan se.
> >>
> > Du har ret i at jeg ikke her bruger positionering, men det er fordi
> > min div ligger i en div container der hedder Wrap den har tilgengæld
> > en position, hvis man kan sige auto float left and reight.
> > #wrap {
> > width: 678px;
> > margin-right: auto;
> > margin-left: auto;
> > margin-top: 5px;
> > }
> >
> > Derefter er alle mine diver styret af en float left så de udfylder
> > min Wrap div.
> > Men måske har jeg igen bare misforstået dig og dit svar, men det er
> > ideen i opbygningen. Tilgængæld er det de 2 div container der flyder
> > ved hjælp af relativ placering der flytter rund med resten, sletter
> > jeg dem ser siden rigtig ud
>
>
> Umiddelbart er det logoet - blomsten - der placerer sig forkert, og det felt
> den skulle sidde i, der har en forkert størrelse i IE6.
>
> Logoet er en png (hvilket vist heller ikke altid er heldigt i IE6), der
> sidder i en div "logo", der sidder i en div "venstre", der sidder i din div
> "wrap".
> Og det skulle være godt nok, og kommer også "rigtigt" ud i IE7 - og i
> øøvrigt også i FF.
>
> Der er to ting, jeg ville prøve - evt. hver for sig:
> Flyt div'en "logo" til den rigtige placering i kildekoden; den er øverst i
> koden, men kommer nederst i visningen.
> Giv både "logo" og "venstre" position:relative
>
>
> Det ser for øvrigt ud for mig, somom dine størrelser aldrig kommer til at
> passe sammen - selvom det bliver vist godt nok...
> Et lille udklip...
>
> #felt2 {
> float: left;
> height: 190px;
> width: 290px;
> margin-bottom: 10px;
> }
> #felt2farve {
> float: left;
> height: 140px;
> width: 380px;
> background-image: url(../images/saschalogo1.jpg);
> padding-top: 50px;
> padding-left: 10px;
> }
>
> <div id="felt2"><div id="felt2farve">
> <h1>Sexolog</h1>
> <h3>studerende v/Joan Ørting</h3>
> </div>
> </div>
>
> felt2farve, er 390 x 190 (B x H)
> felt2 er 290 x 190 (B x H)
> Så felt2farve kan ikke være inde i felt2...
> I øvrigt er det temmelig meget spild - du kan nøjes med felt2farve, som du
> så selvfølgelig skal give de 10px bundmargen - under forudsætning af, at du
> ikke anvender det i andre dokumenter.
> Og det gør sig - ved et hurtigt blik, i hvert fald - også gældende ved de
> fleste andre af dine felter...
>
> Mener i øvrigt også, at din css kan forkortes væsentligt, hvis du bruger
> class i stedet for id.
>
min div venstre er 88+190+10+190+10+190 gir 678 pixel som også min wrap er, har
også prøvet at flytte logoet ned i div felt7 hvori den skal sidde men det
hjælper heller ikke, mit billede er png 8bit og det plejer heller ikke at være
et problem.
Og når den div jeg har til webmaster også driller er jeg bange for at den
relative placering giver knas.
Den med div feltfarve2 har jeg rettet ligger godt nok ikke på siden endnu, det
var en jeg har overset så tak
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 17:31 |
|
mikesav wrote:
> Birger wrote in dk.edb.internet.webdesign.html:
>> mikesav wrote:
>>> Birger wrote in dk.edb.internet.webdesign.html:
>>>> mikesav wrote:
>>>> 8X
>>>>> som du selv beskriver med CSS ogdet andet så er det gjort, jeg har
>>>>> en div der hedder venstre og i denne div har jeg som relativ
>>>>> placeringplaseret div med loget i, jeg har prøvet forskellige ting
>>>>> som z index også og det giver heller ikke noget resultat.
>>>>
>>>>
>>>> Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
>>>> Jeg ser i din css , bla ...
>>>>
>>>> "...
>>>> #samlettop {
>>>> float: left;
>>>> height: 590px;
>>>> width: 590px;
>>>> }
>>>> #felt1 {
>>>> float: left;
>>>> height: 190px;
>>>> width: 190px;
>>>> margin-right: 10px;
>>>> margin-bottom: 10px;
>>>> }
>>>> #felt1farve {
>>>> float: left;
>>>> height: 140px;
>>>> width: 170px;
>>>> background-color: #ab677d;
>>>> padding-right: 10px;
>>>> padding-left: 10px;
>>>> padding-top: 50px;
>>>> font-family: Verdana, Arial, Helvetica, sans-serif;
>>>> font-size: 10px;
>>>> line-height: 15px;
>>>> color: #FFFFFF;
>>>> }
>>>> ...."
>>>>
>>>> Der er ingen position: angivet...
>>>>
>>>> Det er længe siden jeg har beskætiget mig med IE6's "features" -
>>>> men jeg mener altså at kunne huske, at for at placere ting rigtigt,
>>>> _skal_ angives position, også selv om det man ønsker er det samme
>>>> som default.
>>>> Hvis man ikke gør det, bliver elementer inden i beregnet og
>>>> positioneret forkert.
>>>> IE'erne har en "hasContent" - eller noget i den retning - attribute
>>>> på elementer, som bestemmer om indholdet placeres efter den eller
>>>> efter dens parent. Den er default false, men kan sættes true -
>>>> Enten ved at gøre det direkte, eller ved at sætte en position i
>>>> CSS.
>>>>
>>>> Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne
>>>> godt være i hvert fald noget af dit problem, så vidt jeg lige kan
>>>> se.
>>>>
>>> Du har ret i at jeg ikke her bruger positionering, men det er fordi
>>> min div ligger i en div container der hedder Wrap den har tilgengæld
>>> en position, hvis man kan sige auto float left and reight.
>>> #wrap {
>>> width: 678px;
>>> margin-right: auto;
>>> margin-left: auto;
>>> margin-top: 5px;
>>> }
>>>
>>> Derefter er alle mine diver styret af en float left så de udfylder
>>> min Wrap div.
>>> Men måske har jeg igen bare misforstået dig og dit svar, men det er
>>> ideen i opbygningen. Tilgængæld er det de 2 div container der flyder
>>> ved hjælp af relativ placering der flytter rund med resten, sletter
>>> jeg dem ser siden rigtig ud
>>
>>
>> Umiddelbart er det logoet - blomsten - der placerer sig forkert, og
>> det felt den skulle sidde i, der har en forkert størrelse i IE6.
>>
>> Logoet er en png (hvilket vist heller ikke altid er heldigt i IE6),
>> der sidder i en div "logo", der sidder i en div "venstre", der
>> sidder i din div "wrap".
>> Og det skulle være godt nok, og kommer også "rigtigt" ud i IE7 - og i
>> øøvrigt også i FF.
>>
>> Der er to ting, jeg ville prøve - evt. hver for sig:
>> Flyt div'en "logo" til den rigtige placering i kildekoden; den er
>> øverst i koden, men kommer nederst i visningen.
>> Giv både "logo" og "venstre" position:relative
>>
>>
>> Det ser for øvrigt ud for mig, somom dine størrelser aldrig kommer
>> til at passe sammen - selvom det bliver vist godt nok...
>> Et lille udklip...
>>
>> #felt2 {
>> float: left;
>> height: 190px;
>> width: 290px;
>> margin-bottom: 10px;
>> }
>> #felt2farve {
>> float: left;
>> height: 140px;
>> width: 380px;
>> background-image: url(../images/saschalogo1.jpg);
>> padding-top: 50px;
>> padding-left: 10px;
>> }
>>
>> <div id="felt2"><div id="felt2farve">
>> <h1>Sexolog</h1>
>> <h3>studerende v/Joan Ørting</h3>
>> </div>
>> </div>
>>
>> felt2farve, er 390 x 190 (B x H)
>> felt2 er 290 x 190 (B x H)
>> Så felt2farve kan ikke være inde i felt2...
>> I øvrigt er det temmelig meget spild - du kan nøjes med felt2farve,
>> som du så selvfølgelig skal give de 10px bundmargen - under
>> forudsætning af, at du ikke anvender det i andre dokumenter.
>> Og det gør sig - ved et hurtigt blik, i hvert fald - også gældende
>> ved de fleste andre af dine felter...
>>
>> Mener i øvrigt også, at din css kan forkortes væsentligt, hvis du
>> bruger class i stedet for id.
>>
> min div venstre er 88+190+10+190+10+190 gir 678 pixel som også min
> wrap er, har også prøvet at flytte logoet ned i div felt7 hvori den
> skal sidde men det hjælper heller ikke, mit billede er png 8bit og
> det plejer heller ikke at være et problem.
> Og når den div jeg har til webmaster også driller er jeg bange for at
> den relative placering giver knas.
> Den med div feltfarve2 har jeg rettet ligger godt nok ikke på siden
> endnu, det var en jeg har overset så tak
Du har din "wrap"
Den indeholder "venstre" som ideholder "logo" - som altså vises nederst.
Desuden indeholder den "samlettop" - som i sin tur indeholder resten
og endlig "samletbund", der er tom.
Prøv at flytte "logo" ind i flowet hvor den hører til.
"venstre" bliver så tom og unødvendig.
Og din "webmaster" hører vel egentligt til i "samletbund"?
Det er din kildekode der bestemmer flowet i dokumentet...
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 19:53 |
|
Tog mig så tiden...
http://bbsorensen.dk/s_olog/
Det er ikke al teksten der er formatteret som på den oprindelige, men det
kan du nok godt finde ud af at rette, og der er simplificeret hvor der -
IMHO - var overflødige div's.
Dit logo er nu positioneret absolut i "wrap".
Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
felterne.
Dit webmaster link er flyttet til bunden.
Bemærk at det er flyttet ind med padding der svarer til din "left". Hvis du
gør det med margin, fordobler IE6 den.
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 20:50 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> Tog mig så tiden...
>
> http://bbsorensen.dk/s_olog/
>
> Det er ikke al teksten der er formatteret som på den oprindelige, men det
> kan du nok godt finde ud af at rette, og der er simplificeret hvor der -
> IMHO - var overflødige div's.
>
> Dit logo er nu positioneret absolut i "wrap".
> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
> felterne.
> Dit webmaster link er flyttet til bunden.
> Bemærk at det er flyttet ind med padding der svarer til din "left". Hvis du
> gør det med margin, fordobler IE6 den.
>
>
Ups Birger vi kom vist til at arbejde med løsningen på samme tid, og du skal
igen have tak for det, u er jeg rolig igen
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 21:41 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> Tog mig så tiden...
>
> http://bbsorensen.dk/s_olog/
>
> Det er ikke al teksten der er formatteret som på den oprindelige, men det
> kan du nok godt finde ud af at rette, og der er simplificeret hvor der -
> IMHO - var overflødige div's.
>
> Dit logo er nu positioneret absolut i "wrap".
> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
> felterne.
> Dit webmaster link er flyttet til bunden.
> Bemærk at det er flyttet ind med padding der svarer til din "left". Hvis du
> gør det med margin, fordobler IE6 den.
>
>
>
Desværre gik det ikke som jeg ville, er nød til at vende tilbage og forsøge
igen imorgen, så ellers godt ud i IE6 fra preweiv men efter at siden blev
lagt ud gik det galt da så det helt anderledes ud.
Din virkede også på endex siden men efterfølgende var det rodet igen, ved dog
ikke om du laved et forsøg med dem.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 22:16 |
|
mikesav wrote:
> Birger wrote in dk.edb.internet.webdesign.html:
>> Tog mig så tiden...
>>
>> http://bbsorensen.dk/s_olog/
>>
>> Det er ikke al teksten der er formatteret som på den oprindelige,
>> men det kan du nok godt finde ud af at rette, og der er
>> simplificeret hvor der - IMHO - var overflødige div's.
>>
>> Dit logo er nu positioneret absolut i "wrap".
>> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
>> felterne.
>> Dit webmaster link er flyttet til bunden.
>> Bemærk at det er flyttet ind med padding der svarer til din "left".
>> Hvis du gør det med margin, fordobler IE6 den.
>>
>>
>>
> Desværre gik det ikke som jeg ville, er nød til at vende tilbage og
> forsøge igen imorgen, så ellers godt ud i IE6 fra preweiv men efter
> at siden blev lagt ud gik det galt da så det helt anderledes ud.
> Din virkede også på endex siden men efterfølgende var det rodet igen,
> ved dog ikke om du laved et forsøg med dem.
Jeg har ikke arbejdet med undersider.
Umiddeltbart skla løsningen være den samme.
På en eller anden måde, skal det kunne lade sig gøre gennem flowet.
Ved ikke rigtigt.
Dit logo billede, er bredere end din "left" div, og jeg har en fornemmelse
af, at det er derfor dit oprindelige forsøg ikke virker. Billedet gør div-en
bredere, og så er der ikke plads i wrap til de andre, hvorfor de vises
"forkert"...
Det er muligvis noget med overflow - men er ikke sikker på at den faktisk
kan sættes i IE6, så det passer med de øvrige.
Derfor fandt jeg på at prøve med position:absolute.
Jeg har ændret på css for nogle af div'erne.
Hvor du har 2 inde i hinanden, har jeg brugt den yderste, men tilpasset
css'en til også at omfatte den inderste.
Det er muligvis derfor undersider gør underligt...
Birger
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
Birger (31-07-2008)
| Kommentar Fra : Birger |
Dato : 31-07-08 22:51 |
|
Birger wrote:
> mikesav wrote:
>> Birger wrote in dk.edb.internet.webdesign.html:
>>> Tog mig så tiden...
>>>
>>> http://bbsorensen.dk/s_olog/
>>>
>>> Det er ikke al teksten der er formatteret som på den oprindelige,
>>> men det kan du nok godt finde ud af at rette, og der er
>>> simplificeret hvor der - IMHO - var overflødige div's.
>>>
>>> Dit logo er nu positioneret absolut i "wrap".
>>> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
>>> felterne.
>>> Dit webmaster link er flyttet til bunden.
>>> Bemærk at det er flyttet ind med padding der svarer til din "left".
>>> Hvis du gør det med margin, fordobler IE6 den.
>>>
>>>
>>>
>> Desværre gik det ikke som jeg ville, er nød til at vende tilbage og
>> forsøge igen imorgen, så ellers godt ud i IE6 fra preweiv men efter
>> at siden blev lagt ud gik det galt da så det helt anderledes ud.
>> Din virkede også på endex siden men efterfølgende var det rodet igen,
>> ved dog ikke om du laved et forsøg med dem.
>
> Jeg har ikke arbejdet med undersider.
> Umiddeltbart skla løsningen være den samme.
>
> På en eller anden måde, skal det kunne lade sig gøre gennem flowet.
> Ved ikke rigtigt.
> Dit logo billede, er bredere end din "left" div, og jeg har en
> fornemmelse af, at det er derfor dit oprindelige forsøg ikke virker.
> Billedet gør div-en bredere, og så er der ikke plads i wrap til de
> andre, hvorfor de vises "forkert"...
> Det er muligvis noget med overflow - men er ikke sikker på at den
> faktisk kan sættes i IE6, så det passer med de øvrige.
>
> Derfor fandt jeg på at prøve med position:absolute.
>
> Jeg har ændret på css for nogle af div'erne.
> Hvor du har 2 inde i hinanden, har jeg brugt den yderste, men
> tilpasset css'en til også at omfatte den inderste.
> Det er muligvis derfor undersider gør underligt...
>
> Birger
Skal også lige sige, at jeg har kopieret fra din css til en ny, for kun at
have det nødvendige til index-siden - det letter overblikket ;>)
Så hvis du bruger "min" css, skal det formentlig gå galt på undersiderne...
Birger
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (03-08-2008)
| Kommentar Fra : mikesav |
Dato : 03-08-08 16:42 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> Birger wrote:
> > mikesav wrote:
> >> Birger wrote in dk.edb.internet.webdesign.html:
> >>> Tog mig så tiden...
> >>>
> >>> http://bbsorensen.dk/s_olog/
> >>>
> >>> Det er ikke al teksten der er formatteret som på den oprindelige,
> >>> men det kan du nok godt finde ud af at rette, og der er
> >>> simplificeret hvor der - IMHO - var overflødige div's.
> >>>
> >>> Dit logo er nu positioneret absolut i "wrap".
> >>> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
> >>> felterne.
> >>> Dit webmaster link er flyttet til bunden.
> >>> Bemærk at det er flyttet ind med padding der svarer til din "left".
> >>> Hvis du gør det med margin, fordobler IE6 den.
> >>>
> >>>
> >>>
> >> Desværre gik det ikke som jeg ville, er nød til at vende tilbage og
> >> forsøge igen imorgen, så ellers godt ud i IE6 fra preweiv men efter
> >> at siden blev lagt ud gik det galt da så det helt anderledes ud.
> >> Din virkede også på endex siden men efterfølgende var det rodet igen,
> >> ved dog ikke om du laved et forsøg med dem.
> >
> > Jeg har ikke arbejdet med undersider.
> > Umiddeltbart skla løsningen være den samme.
> >
> > På en eller anden måde, skal det kunne lade sig gøre gennem flowet.
> > Ved ikke rigtigt.
> > Dit logo billede, er bredere end din "left" div, og jeg har en
> > fornemmelse af, at det er derfor dit oprindelige forsøg ikke virker.
> > Billedet gør div-en bredere, og så er der ikke plads i wrap til de
> > andre, hvorfor de vises "forkert"...
> > Det er muligvis noget med overflow - men er ikke sikker på at den
> > faktisk kan sættes i IE6, så det passer med de øvrige.
> >
> > Derfor fandt jeg på at prøve med position:absolute.
> >
> > Jeg har ændret på css for nogle af div'erne.
> > Hvor du har 2 inde i hinanden, har jeg brugt den yderste, men
> > tilpasset css'en til også at omfatte den inderste.
> > Det er muligvis derfor undersider gør underligt...
> >
> > Birger
>
> Skal også lige sige, at jeg har kopieret fra din css til en ny, for kun at
> have det nødvendige til index-siden - det letter overblikket ;>)
> Så hvis du bruger "min" css, skal det formentlig gå galt på undersiderne...
>
Har lige brugt lidt tid med dit forslag, og kan godt se den virker men, jeg
kører efter xhtm stict, og her kommer der nogle valideringsfejl frem i den
version, det er vigtig for mig at holde koderne så standarden bliver
overholdt.
Jeg prøvede også med dit forslag at fjerne div venstre og prøvede at flytte
logoet til div samlet bund, det så rigtig godt ud i min browser til preveiw
IE6, faktisk var jeg helt høj men da jeg lagde det på nettet var det et rod
igen, jeg har desværre ikke haft tiden, men håber her de næste dag at kunne
arbejde mere med siden, nu begynder arbejdet som sagt igen :)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Birger (04-08-2008)
| Kommentar Fra : Birger |
Dato : 04-08-08 21:04 |
|
mikesav wrote:
> Birger wrote in dk.edb.internet.webdesign.html:
>> Birger wrote:
>>> mikesav wrote:
>>>> Birger wrote in dk.edb.internet.webdesign.html:
>>>>> Tog mig så tiden...
>>>>>
>>>>> http://bbsorensen.dk/s_olog/
>>>>>
>>>>> Det er ikke al teksten der er formatteret som på den oprindelige,
>>>>> men det kan du nok godt finde ud af at rette, og der er
>>>>> simplificeret hvor der - IMHO - var overflødige div's.
>>>>>
>>>>> Dit logo er nu positioneret absolut i "wrap".
>>>>> Derved er det taget ud af sidens flow, og kommer ikke "i vejen"
>>>>> for felterne.
>>>>> Dit webmaster link er flyttet til bunden.
>>>>> Bemærk at det er flyttet ind med padding der svarer til din
>>>>> "left". Hvis du gør det med margin, fordobler IE6 den.
>>>>>
>>>>>
>>>>>
>>>> Desværre gik det ikke som jeg ville, er nød til at vende tilbage og
>>>> forsøge igen imorgen, så ellers godt ud i IE6 fra preweiv men efter
>>>> at siden blev lagt ud gik det galt da så det helt anderledes ud.
>>>> Din virkede også på endex siden men efterfølgende var det rodet
>>>> igen, ved dog ikke om du laved et forsøg med dem.
>>>
>>> Jeg har ikke arbejdet med undersider.
>>> Umiddeltbart skla løsningen være den samme.
>>>
>>> På en eller anden måde, skal det kunne lade sig gøre gennem flowet.
>>> Ved ikke rigtigt.
>>> Dit logo billede, er bredere end din "left" div, og jeg har en
>>> fornemmelse af, at det er derfor dit oprindelige forsøg ikke virker.
>>> Billedet gør div-en bredere, og så er der ikke plads i wrap til de
>>> andre, hvorfor de vises "forkert"...
>>> Det er muligvis noget med overflow - men er ikke sikker på at den
>>> faktisk kan sættes i IE6, så det passer med de øvrige.
>>>
>>> Derfor fandt jeg på at prøve med position:absolute.
>>>
>>> Jeg har ændret på css for nogle af div'erne.
>>> Hvor du har 2 inde i hinanden, har jeg brugt den yderste, men
>>> tilpasset css'en til også at omfatte den inderste.
>>> Det er muligvis derfor undersider gør underligt...
>>>
>>> Birger
>>
>> Skal også lige sige, at jeg har kopieret fra din css til en ny, for
>> kun at have det nødvendige til index-siden - det letter overblikket
>> ;>)
>> Så hvis du bruger "min" css, skal det formentlig gå galt på
>> undersiderne...
>>
>
> Har lige brugt lidt tid med dit forslag, og kan godt se den virker
> men, jeg kører efter xhtm stict, og her kommer der nogle
> valideringsfejl frem i den version, det er vigtig for mig at holde
> koderne så standarden bliver overholdt.
> Jeg prøvede også med dit forslag at fjerne div venstre og prøvede at
> flytte logoet til div samlet bund, det så rigtig godt ud i min
> browser til preveiw IE6, faktisk var jeg helt høj men da jeg lagde
> det på nettet var det et rod igen, jeg har desværre ikke haft tiden,
> men håber her de næste dag at kunne arbejde mere med siden, nu
> begynder arbejdet som sagt igen :)
Hmmm... det forrige var HTML4.01 strict.
Der er forskel på de to, og du kan ikke umiddelbart skifte DOCTYPE, uden
også at opdatere notationen.
I XHTML skal alle tags lukkes - de der ikke har et afsluttende tag, kan
lukkes med /> i stedet fro blot >. ( feks <img ... />).
Vil umiddelbart tro at de fleste fejl kommer fra det (jeg har ikke prøvet at
validere mit eget...)
Tror du skal beholde din "venstre" for afstandens skyld.
Birger
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.
| |
mikesav (01-08-2008)
| Kommentar Fra : mikesav |
Dato : 01-08-08 23:04 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> mikesav wrote:
> > Birger wrote in dk.edb.internet.webdesign.html:
> >> Tog mig så tiden...
> >>
> >> http://bbsorensen.dk/s_olog/
> >>
> >> Det er ikke al teksten der er formatteret som på den oprindelige,
> >> men det kan du nok godt finde ud af at rette, og der er
> >> simplificeret hvor der - IMHO - var overflødige div's.
> >>
> >> Dit logo er nu positioneret absolut i "wrap".
> >> Derved er det taget ud af sidens flow, og kommer ikke "i vejen" for
> >> felterne.
> >> Dit webmaster link er flyttet til bunden.
> >> Bemærk at det er flyttet ind med padding der svarer til din "left".
> >> Hvis du gør det med margin, fordobler IE6 den.
> >>
> >>
> >>
> > Desværre gik det ikke som jeg ville, er nød til at vende tilbage og
> > forsøge igen imorgen, så ellers godt ud i IE6 fra preweiv men efter
> > at siden blev lagt ud gik det galt da så det helt anderledes ud.
> > Din virkede også på endex siden men efterfølgende var det rodet igen,
> > ved dog ikke om du laved et forsøg med dem.
>
> Jeg har ikke arbejdet med undersider.
> Umiddeltbart skla løsningen være den samme.
>
> På en eller anden måde, skal det kunne lade sig gøre gennem flowet.
> Ved ikke rigtigt.
> Dit logo billede, er bredere end din "left" div, og jeg har en fornemmelse
> af, at det er derfor dit oprindelige forsøg ikke virker. Billedet gør div-en
> bredere, og så er der ikke plads i wrap til de andre, hvorfor de vises
> "forkert"...
> Det er muligvis noget med overflow - men er ikke sikker på at den faktisk
> kan sættes i IE6, så det passer med de øvrige.
>
> Derfor fandt jeg på at prøve med position:absolute.
>
> Jeg har ændret på css for nogle af div'erne.
> Hvor du har 2 inde i hinanden, har jeg brugt den yderste, men tilpasset
> css'en til også at omfatte den inderste.
> Det er muligvis derfor undersider gør underligt...
>
Hej Birger vender tilbage til det imorgen har været travlt optaget men det
lyder lovende
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
mikesav (31-07-2008)
| Kommentar Fra : mikesav |
Dato : 31-07-08 20:45 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> mikesav wrote:
> > Birger wrote in dk.edb.internet.webdesign.html:
> >> mikesav wrote:
> >>> Birger wrote in dk.edb.internet.webdesign.html:
> >>>> mikesav wrote:
> >>>> 8X
> >>>>> som du selv beskriver med CSS ogdet andet så er det gjort, jeg har
> >>>>> en div der hedder venstre og i denne div har jeg som relativ
> >>>>> placeringplaseret div med loget i, jeg har prøvet forskellige ting
> >>>>> som z index også og det giver heller ikke noget resultat.
> >>>>
> >>>>
> >>>> Så misforstår du mig, eller jeg udtrykker mig ikke klart nok ;>).
> >>>> Jeg ser i din css , bla ...
> >>>>
> >>>> "...
> >>>> #samlettop {
> >>>> float: left;
> >>>> height: 590px;
> >>>> width: 590px;
> >>>> }
> >>>> #felt1 {
> >>>> float: left;
> >>>> height: 190px;
> >>>> width: 190px;
> >>>> margin-right: 10px;
> >>>> margin-bottom: 10px;
> >>>> }
> >>>> #felt1farve {
> >>>> float: left;
> >>>> height: 140px;
> >>>> width: 170px;
> >>>> background-color: #ab677d;
> >>>> padding-right: 10px;
> >>>> padding-left: 10px;
> >>>> padding-top: 50px;
> >>>> font-family: Verdana, Arial, Helvetica, sans-serif;
> >>>> font-size: 10px;
> >>>> line-height: 15px;
> >>>> color: #FFFFFF;
> >>>> }
> >>>> ...."
> >>>>
> >>>> Der er ingen position: angivet...
> >>>>
> >>>> Det er længe siden jeg har beskætiget mig med IE6's "features" -
> >>>> men jeg mener altså at kunne huske, at for at placere ting rigtigt,
> >>>> _skal_ angives position, også selv om det man ønsker er det samme
> >>>> som default.
> >>>> Hvis man ikke gør det, bliver elementer inden i beregnet og
> >>>> positioneret forkert.
> >>>> IE'erne har en "hasContent" - eller noget i den retning - attribute
> >>>> på elementer, som bestemmer om indholdet placeres efter den eller
> >>>> efter dens parent. Den er default false, men kan sættes true -
> >>>> Enten ved at gøre det direkte, eller ved at sætte en position i
> >>>> CSS.
> >>>>
> >>>> Jeg har ikke rigtig tid til at gå din kode igennem - men det kunne
> >>>> godt være i hvert fald noget af dit problem, så vidt jeg lige kan
> >>>> se.
> >>>>
> >>> Du har ret i at jeg ikke her bruger positionering, men det er fordi
> >>> min div ligger i en div container der hedder Wrap den har tilgengæld
> >>> en position, hvis man kan sige auto float left and reight.
> >>> #wrap {
> >>> width: 678px;
> >>> margin-right: auto;
> >>> margin-left: auto;
> >>> margin-top: 5px;
> >>> }
> >>>
> >>> Derefter er alle mine diver styret af en float left så de udfylder
> >>> min Wrap div.
> >>> Men måske har jeg igen bare misforstået dig og dit svar, men det er
> >>> ideen i opbygningen. Tilgængæld er det de 2 div container der flyder
> >>> ved hjælp af relativ placering der flytter rund med resten, sletter
> >>> jeg dem ser siden rigtig ud
> >>
> >>
> >> Umiddelbart er det logoet - blomsten - der placerer sig forkert, og
> >> det felt den skulle sidde i, der har en forkert størrelse i IE6.
> >>
> >> Logoet er en png (hvilket vist heller ikke altid er heldigt i IE6),
> >> der sidder i en div "logo", der sidder i en div "venstre", der
> >> sidder i din div "wrap".
> >> Og det skulle være godt nok, og kommer også "rigtigt" ud i IE7 - og i
> >> øøvrigt også i FF.
> >>
> >> Der er to ting, jeg ville prøve - evt. hver for sig:
> >> Flyt div'en "logo" til den rigtige placering i kildekoden; den er
> >> øverst i koden, men kommer nederst i visningen.
> >> Giv både "logo" og "venstre" position:relative
> >>
> >>
> >> Det ser for øvrigt ud for mig, somom dine størrelser aldrig kommer
> >> til at passe sammen - selvom det bliver vist godt nok...
> >> Et lille udklip...
> >>
> >> #felt2 {
> >> float: left;
> >> height: 190px;
> >> width: 290px;
> >> margin-bottom: 10px;
> >> }
> >> #felt2farve {
> >> float: left;
> >> height: 140px;
> >> width: 380px;
> >> background-image: url(../images/saschalogo1.jpg);
> >> padding-top: 50px;
> >> padding-left: 10px;
> >> }
> >>
> >> <div id="felt2"><div id="felt2farve">
> >> <h1>Sexolog</h1>
> >> <h3>studerende v/Joan Ørting</h3>
> >> </div>
> >> </div>
> >>
> >> felt2farve, er 390 x 190 (B x H)
> >> felt2 er 290 x 190 (B x H)
> >> Så felt2farve kan ikke være inde i felt2...
> >> I øvrigt er det temmelig meget spild - du kan nøjes med felt2farve,
> >> som du så selvfølgelig skal give de 10px bundmargen - under
> >> forudsætning af, at du ikke anvender det i andre dokumenter.
> >> Og det gør sig - ved et hurtigt blik, i hvert fald - også gældende
> >> ved de fleste andre af dine felter...
> >>
> >> Mener i øvrigt også, at din css kan forkortes væsentligt, hvis du
> >> bruger class i stedet for id.
> >>
> > min div venstre er 88+190+10+190+10+190 gir 678 pixel som også min
> > wrap er, har også prøvet at flytte logoet ned i div felt7 hvori den
> > skal sidde men det hjælper heller ikke, mit billede er png 8bit og
> > det plejer heller ikke at være et problem.
> > Og når den div jeg har til webmaster også driller er jeg bange for at
> > den relative placering giver knas.
> > Den med div feltfarve2 har jeg rettet ligger godt nok ikke på siden
> > endnu, det var en jeg har overset så tak
>
>
> Du har din "wrap"
> Den indeholder "venstre" som ideholder "logo" - som altså vises nederst.
> Desuden indeholder den "samlettop" - som i sin tur indeholder resten
> og endlig "samletbund", der er tom.
>
> Prøv at flytte "logo" ind i flowet hvor den hører til.
> "venstre" bliver så tom og unødvendig.
> Og din "webmaster" hører vel egentligt til i "samletbund"?
>
> Det er din kildekode der bestemmer flowet i dokumentet...
>
Umidelbart var det det der skulle til, har desværre ikke netadgang, med min
maskine med IE6, men viser siden igennem dreamweaver og EI6 ser den rigtig
ud, så hvis det blot var det takker jeg mange gange, undre mig dog over
hvorfra den div kommer fra, men det kan vist kun komme fra mig, men jeg
takker rigtig mange gange for det lille tip som havde så store følger
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
|
|