[iframes] scrollbar probleem - Softwareontwikkeling

donderdag 13 november 2003 13:36

Acties:

Topicstarter

Hey,

ik heb een probleem met de scrollbars van een iframe.
Ik heb het scrolling attribuut op 'auto' staan, waardoor er dus alleen een scrollbar zou moeten zijn als hij ook daadwerkelijk nodig is.

Dit gebeurd wel, maar zodra er geen scrollbar nodig is geeft hij wel een rand weer, en dat moet niet... de pagina in het frame moet helemaal naar de rechterkant worden door getrokken.

Hier zie je wat ik bedoel:

http://www.vype.nl/rickw/iframes/testmain.htm

Weet iemand hoe ik dat kan oplossen?

(die rode rand moet in het eerste iframe dus geheel naar de rechterkant lopen)

donderdag 13 november 2003 13:40

Acties:

disjfa

be

rand rand rand???? war is je <html> tag, waar is de doctype, waar is de html.

als je er nou eerst solide html van maakt denk ik dat er meer mensen willen kijken

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 13 november 2003 13:40

Acties:

jw

volgens mij kun je dit oplossen door de absolute breedte op te geven (bijv. 200px)

edit: ik heb het even uitgeprobeerd, als je de tabel 196px breed maakt dan lukt het wel (alleen weet ik niet hoe het eruit komt te zien als je werkelijk een scrollbar krijgt)

[ Voor 53% gewijzigd door jw op 13-11-2003 13:44 ]

donderdag 13 november 2003 13:44

Acties:

crisp

Devver

Pixelated

vergeet gewoon dat hele scrolling attribuut, en zet in je pagina's netjes het volgende:

Cascading Stylesheet:

body {
  margin:0px;
  padding:0px;
  overflow:auto;
}

en haal ook die topmargin en leftmargin daar weg uit de body-tags

Intentionally left blank

donderdag 13 november 2003 13:45

Acties:

TangLeFuzZ

Topicstarter

jw schreef op 13 november 2003 @ 13:40:
volgens mij kun je dit oplossen door de absolute breedte op te geven (bijv. 200px)

Dat was het inderdaad, bedankt

2 disjfa; had niet verwacht dat daar iemand om zou zeuren toen ik het ff snel in elkaar knutselde

Edit:

crisp schreef op 13 november 2003 @ 13:44:
vergeet gewoon dat hele scrolling attribuut, en zet in je pagina's netjes het volgende:
Cascading Stylesheet:
1
2
3
4
5
body {
  margin:0px;
  padding:0px;
  overflow:auto;
}
en haal ook die topmargin en leftmargin daar weg uit de body-tags

Mooiere oplossing! thnx

[ Voor 38% gewijzigd door TangLeFuzZ op 13-11-2003 13:45 ]

donderdag 13 november 2003 13:51

Acties:

jw

PHP:

body 
{
  margin:0px;
  padding:0px;
  overflow-x:hidden;
  overflow-y:auto;
}

dit deed het bij mij iets beter...

donderdag 13 november 2003 13:55

Acties:

disjfa

be

jw schreef op 13 november 2003 @ 13:51:
PHP:
1
2
3
4
5
body 
{
  overflow-x:hidden;
  overflow-y:auto;
}

jammergenoeg zijn dat 2 IE only styles. in normale browsers heb je alleen overflow: *statement*;

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 13 november 2003 14:03

Acties:

crisp

Devver

Pixelated

disjfa schreef op 13 november 2003 @ 13:55:
[...]

jammergenoeg zijn dat 2 IE only styles. in normale browsers heb je alleen overflow: *statement*;

volgens mij zijn ze wel aangedragen voor de CSS3 recommendation, mozilla heeft daar eigen extensies voor: -moz-scrollbars-vertical en -moz-scrollbars-horizontal meen ik

Intentionally left blank