Logo staat niet bepaald correct

[ZpAz]

Hallo,

Ik ben bezig met een website, deze ziet er op het moment goed uit in zowel Firefox als Opera, maar in Internet Explorer 6 en 7 niet helemaal.

Wat heb ik fout gedaan? Zelf denk ik dat het ergens aan de absolute positionering van het logo ligt.

Niet te vergeten, hier het linkje:

http://home.strictstudio.nl/brug/

Alvast bedankt

[PcDealer]

Als de link ook nog eens zou werken...

Not Found
The requested URL /brug/ was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

---

Apache/1.3.37 Server at home.strictstudio.nl Port 80

[ Voor 76% gewijzigd door PcDealer op 24-04-2007 15:58 ]

[The_Ghost]

die doet het bij mij wel..
Ik zou even een positie opgeven als je iets absoluut positioneert.
top: 20px;left: 40px; bijvoorbeeld..

[woutertje]

Ik zou de positie wat beter neerzetten (dus geen negatief getal in het "top" dingetje).

[ZpAz]

Vaag? Bij mij doet de link het prima?
Deze dan? http://82.73.213.158/brug/

edit:

Ik zal eens kijken naar de andere reacties

[ Voor 27% gewijzigd door ZpAz op 24-04-2007 16:00 ]

[bas-r]

Werkt hier prima..
Coole clip trouwens ook op je site, altijd grappig zo'n open dirretje..

[ZpAz]

bas r schreef op dinsdag 24 april 2007 @ 16:00:
Werkt hier prima..
Coole clip trouwens ook op je site, altijd grappig zo'n open dirretje..

Ach ja, mn test host he, draai apache en consulten op mn eigen pc als ik aan het testen ben vandaar

[ZpAz]

woutertje schreef op dinsdag 24 april 2007 @ 15:59:
Ik zou de positie wat beter neerzetten (dus geen negatief getal in het "top" dingetje).

Hoe krijg ik die dan alsnog op zijn plek? (Hij zit een beetje over de content heen, het is een transparantie logo) en als ik het niet negatief doe zit ie er boven.

The_Ghost schreef op dinsdag 24 april 2007 @ 15:59:
die doet het bij mij wel..
Ik zou even een positie opgeven als je iets absoluut positioneert.
top: 20px;left: 40px; bijvoorbeeld..

Nu ik de left op 0px heb staan staat hij in ieder geval al een stuk beter op zijn plek. Maar nog niet helemaal correct.

[ Voor 33% gewijzigd door ZpAz op 24-04-2007 16:05 ]

[BasieP]

hier in IE6 staat je hele site zo'n 30 pixels te hoog...
zorg je wel dat magin's en paddings van html en body hetzelfde zijn in IE en FF?

[ZpAz]

Ja, dat heb ik vooraan staat:
* {
margin:0px;
padding:0px; }

[sjolmers]

<offtopic>
grappig dat © 2006 Brug.
Weer opnieuw begonnen met een oud projectje?!
</offtopic>

[ZpAz]

sjolmers schreef op dinsdag 24 april 2007 @ 16:20:
<offtopic>
grappig dat © 2006 Brug.
Weer opnieuw begonnen met een oud projectje?!
</offtopic>

Nee, het project draait al zo lang

[serieus]
Zal het even aanpassen, foutje van mij
[/serieus]

[BasieP]

mja nog even gekeken, maar weinig zin door je hacks heen te hacken..
in mijn 5 jaar proffesioneel web development heb ik nog nooit een underscore hack nodig gehad.. toch gebruik je ze alsof het valid css is..

[ZpAz]

Meestal gebruik ik ze ook minder (vrijwel nooit, zeker nu ik weet dat de float bug van IE6 op te lossen is met display:inline;) , maar ik krijg dit gewoon niet goed.

[Zerora]

Ik kan de site niet bekijken maar het correct plaatsen lijkt mij 1 duidelijk oplossing

HTML:

...
<div id="logopositie">
      <img src="url van logo" />
</div>
...

Cascading Stylesheet:

#logopositie
{  position: relative;
   top: ??px;
   left: ??px; }

Werkt in de meeste gevallen gewoon

[BasieP]

Zerora schreef op dinsdag 24 april 2007 @ 16:34:
Ik kan de site niet bekijken maar het correct plaatsen lijkt mij 1 duidelijk oplossing

HTML:

...
<div id="logopositie">
      <img src="url van logo" />
</div>
...

Cascading Stylesheet:

#logopositie
{  position: relative;
   top: ??px;
   left: ??px; }

Werkt in de meeste gevallen gewoon

in zijn geval is het meer zoiets:

HTML:

..
<div id="container">
  <div id="logo"></div>
</div>

Cascading Stylesheet:

#container {
  position: relative;
  ..shizzle
}

#logo {
  position: absolute;
  top: -50px;
  left: 0;
  height: 100px;
  width: 300px;
  background-image: url(shizzle);
}

[ZpAz]

Mja, heb het probleem nu grotendeels opgelost (met nog een underscore hack maar ja). In IE6 klopt het nu wel, IE7 heb ik nog een paar probleempjes mee...

@post boven mij.
Ik heb het grotendeels op die manier, behalve de background image, want IE6 kan niet met PNGs omgaan die transparant zijn, als ik het als background doe werkt de pngfix ook niet meer. (stukje JS) Dus dan is het logo niet transparant.

En als ik van het logo een gif maak is ie ontzetten korrelig bij de randjes.

edit2:

Heb nu nog één probleempje met IE7, die plaatst er een horizontale scrollbalk neer? Hoe voorkom ik dat?

[ Voor 62% gewijzigd door ZpAz op 24-04-2007 18:56 ]

[PcDealer]

Nu doet ie het wel.

Boven de poll:

Notice: Undefined index: poll in Z:\wwwRoot\brug\poll.php on line 25

Weet je dat de andere pagina's qua horizontale positie gelijk aan elkaar zijn, maar verschillen van p.1 ?

[ Voor 33% gewijzigd door PcDealer op 24-04-2007 18:46 ]

[ZpAz]

Dat de pagina op een andere hoogte staat is vreemd, heb ik zelf niet.

Ik heb nu alleen nog het probleem van dat ik een horizontale scrollbalk in IE7 heb, hoe kan ik dat oplossen?

[PcDealer]

ZpAz schreef op dinsdag 24 april 2007 @ 18:57:
Dat de pagina op een andere hoogte staat is vreemd, heb ik zelf niet.
[...]

Hoogte=verticaal

Ik heb het over de horizontale positie.

Ik heb nu alleen nog het probleem van dat ik een horizontale scrollbalk in IE7 heb, hoe kan ik dat oplossen?

noscrolling toevoegen?

Edit: nu in Firefox ook en x minuten geleden niet...

[ Voor 28% gewijzigd door PcDealer op 24-04-2007 19:06 ]

[ZpAz]

Ik moet wel verticale scrollbalken hebben, met no scroll gaat alles weg?

Gefixed, ik wist niet dat overflow:hidden ook alleen op de x as kon, imho met dit heb ik het opgelost.

overflow-x:hidden;

Allemaal bedankt voor het meedenken

[ Voor 54% gewijzigd door ZpAz op 24-04-2007 19:11 ]