PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
J

Margin bij IE 2keer zoveel

Door Jelle - op 11-08-2006 01:04
314 views
Eerst de foto

Nu de uitleg :P

Wat je hier ziet is een meester werkt van da vinci uit 1354... ook ff 2 the point

Links boven is in FF en daaronder zie je hetzelfde stukje alleen dan in IE. het gaat om de breedte in dat gele stuk. Bij FF is die netjes 10px maar in IE is die 20px :S:S:S

Me css van het scherm rechts van het gele geval staat aan de rechterkant in de afbeelding. Daar staat ook in dat het scherm 10 px afstand moet nemen aan de linker kant. en niet 20 <_<

Met rode lijnen heb ik aangegeven wat ik bedoel.

Hopenlijk is het een beetje duidelijk en kan iemand me helpen om er ook in IE 10px van te maken.
Erik Rijk
11-08-2006 08:13
misschien komt het door de: padding: 5px 0px 20px 0;

verander die 20px eens in 0px en zie wat er gebeurt.
en verander margin-left: 10px; eens naar: margin: 0px 10px;

Ik heb geen idee of het er beter door wordt maar IE snapt nog weinig van de standaardt css dus misschien....

Mvg,

Erik
J
Jelle -
11-08-2006 09:04
Mmm lijkt me niet dat het aan die padding ligt want links en rechts is 0

ik haal de gehele padding tijdelijk weg want die is toch alleen voor de boven en onderkant bedoelt.
Jan Koehoorn
11-08-2006 09:07
jordy schreef op 11.08.2006 09:04
Mmm lijkt me niet dat het aan die padding ligt want links en rechts is 0

ik haal de gehele padding tijdelijk weg want die is toch alleen voor de boven en onderkant bedoelt.

Zie mijn vorige post (gelijk met jou)
J
Jelle -
11-08-2006 09:20
@ Jan,

Voor ik je vraag las had ik wat geprobeerd. En het was me gelukt dmv het weghallen van de float. (Zag dat deze hier niet nodig was)
.scherm {
  width: 498px;
  margin-left: 10px;
  border: 1px solid #9f9f9f;
  background-color: #fefef6;
  padding: 20px 0 5px 0;
}
En net toen in je reactie las ging ik het toch nog even proberen en je hebt gelijk, het werkt :-)
.scherm {
  width: 498px;
  margin-left: 10px;
  border: 1px solid #9f9f9f;
  background-color: #fefef6;
  padding: 20px 0 5px 0;
  display: inline;
  float: left;
}
Handig om te weten voor het geval float er wel bij moet :-)

Bedankt voor jullie hulp Erik en Jan :-)
Jan Koehoorn
11-08-2006 09:22
Graag gedaan :-)
De CSS wegen van IE zijn ondoorgrondelijk..
P
PHP hulp
11-08-2006 09:50
Toen begon ik me af te vragen hoeveel bugs IE wel niet heeft op CSS gebied =)
J
Jelle -
11-08-2006 11:13
En er zullen er misschien wel veel meer zijn :-P
Jan Koehoorn
11-08-2006 11:16
Ongetwijfeld. Ik gebruik zelf vaak dit boek om ze te bestuderen.

Reageren

Inloggen om te reageren